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