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的实例对象中去;如果是多文件的话,需要循环放入;

 

posted @ 2020-08-18 16:29  我自浮沉,虚浮自我  阅读(4040)  评论(0编辑  收藏  举报