上传文件转换为base64图片


HTML

"附件">
    
"triggerAffix" class="fujian">
class="affix-success">附件class="btn-del">
"affix" @change="uploadAffix($event)" type="file">

JS

triggerAffix: function () {
    $('#affix').click()
},
uploadAffix: function(ev) {
    var file = ev.target.files[0]
    if (file == undefined) {
        return
    }
    var reader = new FileReader()
    var img = new Image()
    reader.onload = function (e) {
        img.src = e.target.result
        document.body.appendChild(img)
        console.log(e.target.result)
    }
    reader.readAsDataURL(file)

}

因为要兼容IE,点击事件目前不支持Vue中触发file点击事件,目前使用jQuery处理

this.$refs.affix.dispatchEvent(new MouseEvent('click'))