项目实战经验分享，素材特效源码定制
上传文件的控件，用element-ui 的uplaod
<el-upload
drag
action
:on-change="handleChange"//当改变的时候，触发的事件
:show-file-list="false"//是否显示所传递的文件列表
:http-request="handleUpload"//覆盖默认的上传行为
>
<el-button size="mini" class="import-button">
<img src="../images/daoru.png" class="daochu-icon" />导入
</el-button>
<div class="el-upload__text">点击或将文件拖到这里上传</div>
</el-upload>vue部分：先获取到 file文件的属性，同时用创建空的formdata数据，添加对象
let file = event.target.files
let formData = new FormData()
formData.append('category', 'settingPic')
formData.append('file', file[0])
console.log(formData);
最后一步：上传文件 axios的post方法上传文件,注意请求头设置，headers:{'Content-Type':'multipart/form-data'}
this.$axios({
method: "POST",
url: url_g + '/dcas/event/'+this.contrastId+'/importathlete',
data: formData
}).then((res) => {
});这就完成了文件上传。
如果是表格数据和文件一起上传，需要把input框的数据，用formdata的append方法都添加到fomedata的对象里。
1. 本站所有素材（未指定商用），仅限学习交流请勿用于商业用途。
2. 原创商用和VIP素材，未经合法授权，会员不得以任何形式发布、传播、复制、转售该素材，否则一律封号处理。
3. 如果素材损害你的权益请联系客服vx：13230981129给予处理。
咨询TA
查看(455)次
下载
