input框type=file转化图片为Base64 😲

html

<input onchange="handleChangeInputFile" type="file" accept="image/*">

Javascript

function handleChangeInputFile(e) {
    // input调用原声相册后获取到文件对象
    let file = this.$refs.InputFile.files[0];
    
    //https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader
    let reader = new FileReader()
    let filename = file.name.replace(/\.(.*)/g, '')
    let self = this;
    reader.readAsDataURL(file)
    reader.onload = function (e) {
        // this.result 就是图片的base64
        self.uploadBase64Image(this.result, filename).then(url => {
            self.$emit('handleAddImage', url, 'photo');
        })
    }
}