ElementUI中关于upload的一系列问题

现在出现on-success钩子函数无法触发的问题,经过排查发现需要设置请求头headers={"content-type":"multipart/form-data"}这样才能响应。但是这样请求就会报500错误,弄了好久不知道什么问题,有没有大神遇到过。
<el-upload
class="avatar-uploader"
name="user-image-file"
:headers="headers"
:action="postaction"
:data="uploaddata"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload">
<img v-if="imageUrl" :src="imageUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>data中有两个参数。
服务端使用的muilter。
var upload3=muilter.single('user-image-file');
exports.dataInput = function (req, res) {
upload3(req, res, function (err) {
...
})
}
...全文
相关推荐
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
`el-upload`组件提供了一系列的属性和事件,让我们能够自定义上传过程。
IE9 elementUI文件上传的问题解决
"该资源主要讨论的是在IE9环境下,使用ElementUI进行文件上传时遇到的问题及解决方案。"在IE9浏览器中,由于不支持FormData对象,ElementUI的默认文件上传功能无法正常工作
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)```接下来,我们要创建一个Vue组件,
vue+elementui上传附件到七牛,文件下载
vue+elementui上传附件到七牛,后台返回附件资源,实现文件下载;<file-upload :in-files-list="fileList.length?fileList:[]
vue-upload-cropper:结合 ELUpload + vue-cropper 进行图片初始化渲染,图片上传裁剪的封装
版本1.0.5的vue-upload-cropper组件新增了上传进度条显示功能,并更新了源代码。该组件可注册到Vue实例中,并依赖vue-cropper库,同时提供elementUI表单验证规则。


