展示代码
//上传图片组件
function Uploader() {
//保存上传图片的base64
let [base64Data, setBase64Data] = React.useState([]);
//选择图片
let selectImg = e => {
let files = e.target.files;
console.log('files ==> ', files);
let fileCount = 0;
//可以方便一次性上传多张
for (let i = 0; i < files.length; i++) {
fileCount++;
let fileReader = new FileReader();
fileReader.onload = function () {
//判定用户上传的是否为图片
if (files[i].type.startsWith('image/')) {
// 这是一个图像文件
base64Data.unshift({ data: this.result });
console.log('base64Data ==> ', base64Data);
if (fileCount === files.length) {
setBase64Data([...base64Data]);
}
} else {
// 这不是一个图像文件