1 Terdapat elemen fail jenis input tersembunyi dalam halaman saya Elemen ini boleh diperolehi melalui atribut ref dan dinamakan ini.inputFile
2 Terdapat butang di sebelah kanan pengepala halaman Klik butang untuk mencetuskan ini , fileInput.click()
3 Tetapi keputusannya ialah kotak pemilihan fail tidak boleh muncul, apa masalahnya?
constructor(props){
super(props);
this.onHandleBack = this.onHandleBack.bind(this);
this.showOperationSheet = this.showOperationSheet.bind(this);
}
onHandleBack(){
this.props.history.goBack();
}
showOperationSheet(){
console.log('点击上传');
if(this.fileInput){
console.log('进入判断');
//很神奇,必须有这行代码,才能调用图片选择,我也很无奈啊。
console.log(this.fileInput.click());
this.fileInput.click()
}
};
render(){
return (
<p>
<p onClick={this.showOperationSheet}>按钮</p>
<p style={{display:"none"}}>
<form action="" encType="multipart/form-data" method='POST' onSubmit={this._onSubmit}>
<input type="file" ref={(input)=>{this.fileInput = input}} onChange={this._onChange}/>
</form>
</p>
</p>
)
}
}eksport FileManage lalai
Siarkan kod tertentu, sangat sukar untuk memikirkannya