JS 上传图片,需要vue
<input type="file" accept="image/*" @change="changeUploadImg($event)"/>
changeUploadImg(event) {
const files = event.target.files;
for(let i = 0;i < files.length;i++) {
const file = files[i];
this.formatBase64(file).then(result => {
console.log(file.name, result)
}).catch(error => {
console.error(file.name, error)
})
}
},
formatBase64(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
let imgResult = '';
reader.readAsDataURL(file);
reader.onload = function() {
imgResult = reader.result;
}
reader.onerror = function(error) {
reject(error)
}
reader.onloadend = function(error) {
resolve(imgResult)
}
})
},
版权声明:本文为canxiaoL原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。