axios实现文件上传
最近的项目开发,有个功能是需要前端上传文件,然后后台解析;主要就是通过
<input type="file" multiple @change="uploadFile"/>
uploadFile(e){ let vm = this; let reader = null; if(window.FileReader) { reader = new FileReader; } else { alert('浏览器不支持预览功能'); } let imageFiles = e.target.files; let formData = new FormData(); for([key,value] of Object.entries(imageFiles)) { formData.append('uploadFile',value); //第一个参数是与后台定义好的,第二个事file值 } // 调用api。。。。 },
//主要就是要将文件数据放入FormData的实例对象中去;如果是多文件的话,需要循环放入;