我是靠谱客的博主 落后小甜瓜,最近开发中收集的这篇文章主要介绍element-ui 自定义上传文件,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

<el-upload
	action=""
	:on-change="handleChange"
	:http=request="uploadFile">	
</el-upload>
data() {
	return {
		// 上传的文件
		file: {}
	}
}
methods:{
	// 上传文件,获取文件流
	handleChange(file) {
		this.file = file.raw
	}
	// 自定义上传
	uploadFile() {
		// 创建表单对象
		let form = new FormData();
		// 后端接受参数 ,可以接受多个参数
		form.append("file",this.file)
		form.append(" "," ")
		this.$axios({
			data:from ,
			url: "后端接口地址",
			method: "method"
		})
	}
}

最后

以上就是落后小甜瓜为你收集整理的element-ui 自定义上传文件的全部内容,希望文章能够帮你解决element-ui 自定义上传文件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(29)

评论列表共有 0 条评论

立即
投稿
返回
顶部