4
ここには多くの例がありますが、反応が見つからないようです。私はバニラjsを反応させることに成功したが、an errorを得た。アップロードする前に画像をプレビューして
答えは十分に単純に見えるので、ここで私が反応で行く:
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アプリの違いは?その答えについて
:
ありがとうございました。 'result'はハッシュでは空ですが、外に出ると空にはなりません。理にかなっている? 'reader'はハッシュを表示しますが、' result'は空です。ポストの画像を参照してください。 – Sylar
関数内に空である可能性があります。これはloadend関数をバインドして、レンダリング関数をデバッグし、更新する必要がある状態を確認します。 –
私はあなたのコードにバグを発見しました。 'reader.result;'を '[reader.result]に変更してください'ありがとう!! – Sylar