vue使用iview中Upload上传组件

最新推荐文章于 2024-04-20 19:09:20 发布

zhongqing1995

最新推荐文章于 2024-04-20 19:09:20 发布

阅读量2.6k

点赞数

分类专栏： iview 文章标签： vue upload

本文链接：https://blog.csdn.net/zhongqing1995/article/details/110441093

版权

本文介绍了在Vue项目中如何使用iView的Upload组件进行文件上传。关键点包括设置`multiple`属性支持多选文件，配置`action`指向后台接口，通过反代理配置API路径，确保请求头为`multipart/form-data`，以及关注`before-upload`钩子函数的正确使用，以防止错误导致上传失败。同时提到了`on-success`回调中的响应处理和版本差异可能导致的事件绑定问题。

摘要由CSDN通过智能技术生成

先上代码,注解在下面
html代码

<template>
<Upload
	multiple 
	action="Api/api/sys/fileController/uploadFile"
	:before-upload="handleUpload"
	:data="fileData"
	:on-success="successEvent"
	>