vant 上传附件后回显_vant上传文件到后端

最近在做手机版页面，采用的vant框架，这个上传控件和以前用iview、element有点不一样，iview、element都是直接提供后端接口文件会自动发送到后端，vant需要自己负责发送文件到后端，对于我这种面向百度编程人员还是有点难度。特意记一下，能帮到其他面向百度编程人员

代码

很简单，基本是使用文件构建FormData参数，如下：

html代码

:after-read="afterRead"

:before-delete="beforeDelete"

v-model="fileList"

/>

ts代码

fileList=[];

/**文件上传 */

afterRead(file) {

// 此时可以自行将文件上传至服务器

// console.log(file);

let that = this;

let id = 1;

if (!/image\/[a-zA-z]+/.test(file.file.type)) {

this.$toast("请上传图片");

return false;

}

let params = new FormData();

params.append("file", file.file);

params.append("ID", id);

let config = {

head