javascript - réagir au fichier d'entrée

Question

1 Il y a un élément de fichier de type d'entrée caché dans ma page. Cet élément peut être obtenu via l'attribut ref et s'appelle this.inputFile
2 Il y a un bouton sur le côté droit de l'en-tête de la page. this , fileInput.click()
3 Mais le résultat est que la boîte de sélection de fichier ne peut pas apparaître. Vraiment, quel est le problème ? Il n'y a pas de problème de logique.

class FileManage étend le composant{

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>
        
    )
} 

}

exporter FileManage par défaut

Answer 1

Publiez le code spécifique, c'est tellement difficile de le comprendre