element-ui 上传文件配置

最新推荐文章于 2024-08-29 07:30:44 发布

铁树哥写Java

最新推荐文章于 2024-08-29 07:30:44 发布

阅读量1.4k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/mhbsoft/article/details/85138444

版权

javascript 专栏收录该内容

54 篇文章 3 订阅

订阅专栏

代码：

<el-upload
       ref="upload"
         :auto-upload="false"
         class="upload-demo"
         action=""
         multiple
         :show-file-list="false"
         :on-change="getFileName"
         :before-upload="getFileName"
         :on-success="sucCallBack"
         :on-error="errCallBack">
     <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
     <el-button style="margin-left: 10px;" size="small" type="primary">预览</el-button>
 </el-upload>
methods:{
	//上传前方法
	getFileName(file){
	       this.changeForm.fileName = file.name;
	       this.formData = new FormData();
	       this.formData.append('files',  file.raw);  //file.row 重点
	},
	//上传方法
	insertDataLoading(){
	        this.formData.append('workType', '变更');  //其余的参数
	        //this.formData中包含file.raw 与 所有需要的参数
	        this.api.upDataLoading(this.formData).then(response => {
	        	console.log(response);
	        })
	}
}