vant组件的upload上传

在使用vant组件时，发现上传组件只有一个大的骨架，中间并没有其他pc组件那么详细，所以自己在看了一下大大的文章后自己写了一个上传，期望对大家有所帮助。

在组件上传图片以后

afterRead(file, sign) {
        // 返回图片信息
        console.log(file, sign);
        //以下就要自行书写 -----------------------------
        const ImgUploadFile = (params) => {
            // 要把数据变成file格式
            const formData = new FormData(); // 下面有备注
            formData.append('file', params);
            return axios.post('/fkyymh/api/busMedia/uploadFile', formData, {
                headers: {
                     // 注意修改请求头file格式
                    'Content-Type': 'multipart/form-data',
                },
            });
        };
        ImgUploadFile(file.file).then((res) => {
            // 在这里对接口返回数据做处理
            console.log(res);
        });
        //以上就要自行书写 -----------------------------
},

上传图片怎么把数据转换成file格式：

• 图片前端做的处理需要用到 new FormData() 做出处理，因为是文件流，直接打印是看不出来的。
• 详情地址：https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/FormData