JS 上传图片

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版权协议,转载请附上原文出处链接和本声明。