vue inputfile 上传文件

<input type="file" id="people-export" ref="inputer" @change="onFileChange"/>

 

 

onFileChange(e){
        let self = this;
        let files = e.target.files || e.dataTransfer.files;//e.target.files[0]可直接上传，因为我是多个文件，所以files是一个数组
        console.log(files)
        if (!files.length) return;
        for(var i=0;i<files.length;i++){//循环这个数组，创建fomeDate
            var formData = new FormData();
            formData.append('file',files[i])//append到数组里，如果有参数可以加参数
            axios({
                    method: "POST",
                    url: "/eastmud/v1/FileManagement/uploadFile",
                    "content-type": "application/json;charset=UTF-8",
                    "withCredentials":true,
                    data:formData
                }).then(res => {
                            console.log(res)
                    }).catch(err => {
                            alert("拉去信息失败，请检查您的网络")

                    })
       }
            /*如果需要预览，则执行下面,同样是循环，此处略过*/
        /*let reader = new FileReader();
            reader.readAsDataURL(files[i]);

            reader.onload = function(e){
            self.imgsrc = e.target.result;//imgsrc放到img标签即可
            }*/
            },

转载请注明出处