上传文件转换为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'))