在react中，点击input选择的图片怎么用js获取到。

Question

我的需求是 点击图片按钮，触发<input type='file'>的click。然后就可以选择图片，但是选择后的图片要怎么才能传入js的函数里面。

下面是函数两个函数。

triggerUpload=()=>{

const trig=document.getElementById('trig');
trig.click();

}
handlePicReply=(files)=>{

const trig=document.getElementById('trig');if(!files) return false;const container=document.getElementById('container');//container是放图片的容器for(let i=0;i<files.length;i++){  const img = document.createElement('img');
  img.src = window.URL.createObjectURL(files[i]);
  img.height = 60;
  img.onload = function() {    window.URL.revokeObjectURL(this.src);
  }
  container.appendChild(img);
}

}

<input id='trig' type='file' multiple accept='image/*' style={{display:'none'}} onChange={this.handlePicReply(this.files)} /> //onChange里面应该怎么写？？？handlePicReply的参数应该是什么才能传入选择的文件

//下面这行点击图片按钮触发input的click
<Button size='small' onClick={this.triggerUpload} ><Icon>image</Icon></Button>

Answer 1

酱紫...

Answer 2

handleFileChange&nbsp;=&nbsp;(e)&nbsp;=>&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;console.log(e.target.files) } render()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;... &nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;onChange={this.handleFileChange}/> }