Javascript 使用<;输入类型=";文件"/>;,更新状态以存储图像URL,动态添加<;img/>;标记以在reactjs中显示它们 this.state={ imageURL:[] }; fileSelectHandler=(事件)=>{ 这是我的国家({ imageURL:[???] }); }

Javascript 使用<;输入类型=";文件"/>;,更新状态以存储图像URL,动态添加<;img/>;标记以在reactjs中显示它们 this.state={ imageURL:[] }; fileSelectHandler=(事件)=>{ 这是我的国家({ imageURL:[???] }); },javascript,html,reactjs,Javascript,Html,Reactjs,在这里,我需要根据所选图像的数量动态添加多个img标签。请帮忙 关于文件更改,您可以在此处尝试示例代码 this.state = { imageURL: [] }; fileSelectHandler = (event) => { this.setState({ imageURL: [???] }); } <input type="file" multiple onChange={fileSelectHandler} /> <img src={im

在这里,我需要根据所选图像的数量动态添加多个img标签。请帮忙

关于文件更改,您可以在此处尝试示例代码

this.state = {
  imageURL: []
};

fileSelectHandler = (event) => {
  this.setState({
    imageURL: [???]
  });
}

<input type="file" multiple onChange={fileSelectHandler} />
<img src={imageURL[0]} />

这里有一个演示

非常感谢!感激
fileSelectHandler = (e) => {
    Array.from(e.target.files).forEach(file => {
      const reader = new FileReader();
      reader.onload = (e) => {
      this.setState({
        images: this.state.images.concat(e.target.result),
      });
    };
    reader.readAsDataURL(file);
  })
}