Question

在本地上传后，文件按钮未显示jpeg图像

下面是我在react js中编写的代码...

categoryImageArray = [];
getCategoryImageLink = (e) => {
    let files = e.target.files;
    let reader = new FileReader();
    reader.readAsDataURL(files[0]);
    reader.onload = (e) => {
       categoryImageArray.push(e.target.result); 
    }
}

和下面是JSX代码

**IMG SRC**


<div>
<img src = { "'" + categoryImageArray[0] + "'" } />
</div>

输入文件

<input type="file" onChange = { this.getCategoryImageLink } />

Answer 1

您必须为此使用状态，在状态中设置categoryImageArray的值，并在getCategoryImageLink函数中更改其值试试这个。

getCategoryImageLink = (e) => {
    let files = e.target.files;
    let reader = new FileReader();
    reader.readAsDataURL(files[0]);
    reader.onload = (e) => {
       this.setState({categoryImageArray: ...this.state.categoryImageArray,e.target.result}); 
    }
}

输入文件（jpg / png）上载和显示无法在Reactjs中使用吗？

1 个答案: