Много примеров этого здесь, но не могу найти ни одного для реакции. Мне удалось преобразовать vanilla js, чтобы он реагировал, но получил ошибку.
Ответ выглядит достаточно простым, поэтому здесь я реагирую:
getInitialState: function(){
return{file: []}
},
_onChange: function(){
// Assuming only image
var file = this.refs.file.files[0];
var reader = new FileReader();
var url = reader.readAsDataURL(file);
console.log(url) // Would see a path?
// TODO: concat files for setState
},
render: function(){
return(
<div>
<form>
<input
ref="file"
type="file"
name="user[image]"
multiple="true"
onChange={this._onChange}/>
</form>
{/* Only show first image, for now. */}
<img src={this.state.file[0} />
</div>
)
};
В основном все ответы, которые я видел, показывают что-то вроде того, что у меня есть. Есть ли разница в приложении React?
Относительно ответа: