vue中用H5实现文件上传的方法实例代码

前端之家收集整理的这篇文章主要介绍了vue中用H5实现文件上传的方法实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

整理文档,搜刮出一个vue中用H5实现文件上传方法实例代码,稍微整理精简一下做下分享

1.图片上传

fileSize) { that.$dispatch('show-alert','msg_1016') document.getElementById('fileToUpload').value = '' } else { var xhr = new XMLHttpRequest() xhr.addEventListener('load',that.uploadComplete,false) xhr.open('POST',that.$root.appBaseUrl + 'fileUpload/singleFileUpload') xhr.send(fd) } } } },// 上传成功 'uploadComplete': function (evt) { this.personInfo.photoUrl = (evt.target.responseText).replace('\\','/') document.getElementById('fileToUpload').value = '' },// 删除图片 'deleteImg': function () { this.personInfo.photoUrl = '' },

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Vue相关文章