使用h5自带的input type=file时，使用change触发上传事件
<input class="exportss" type="file" id="fileExport" @change="handleFileChange" ref="inputer">
const inputDOM = this.$refs.inputer this.file = inputDOM.files[0] // 通过DOM取文件数据 let size = Math.floor(this.file.size / 1024) this.formData = new FormData() // new一个formData事件 this.formData.append(‘file‘,data.file) this.formData.append(‘xxx‘, xxx) this.formData.append(‘yyy‘, yyy)
inputDatas(this.formData).then(response => {
})
或者使用element的el-uploader
<el-upload ref="upload" :data="inputdata" class="upload-demo" :action="uploadUrl" :show-file-list="false" :on-preview="onpreview" :before-upload="beforeAvatarUpload" :on-error="handleError" :on-success="handleSuccess" :file-list="fileList"> <el-button :loading="loadings.isInport" class="btn-special blue-btn" icon="el-icon-upload" size="mini" type="primary">导入</el-button> </el-upload>
action为上传文件的地址，可手动拼接
若需要token验证，可添加:header="header"
headers: {
Authorization: Cookies.get(‘token‘)
//从cookie里获取token，并赋值 Authorization ，而不是token
}
原文：https://www.cnblogs.com/Zhang-jin/p/12987782.html