图片上传可参考: https://blog.csdn.net/YangShuaiPlus/article/details/103875616
多文件上传时需注意:
需设置: multiple 是否支持多选文件 boolean
limit 最大允许上传个数 number
此时还要注意 多文件上传一定要修改 :http-request="uploadFile"覆盖组件的默认上传方法。具体细节及代码如下:
upload 方法 和图片上传时一样:如下
upload(file) {
console.log(file);
let fd = new FormData();
fd.append('files', file.file)
var self = this;
this.axios.post("/localhost/uploads",fd)
.then(function (response) {
self.$message.success('上传成功');
})
.catch(function (error) {
self.$message.error('上传失败');
})
}
github:
vue:
https://github.com/Usered/demo/blob/master/Vue/FirstVue/src/main/daohang2.vue
Express
https://github.com/Usered/demo/blob/master/Express/mydemo/routes/index.js