【土旦】 使用Vant 的Uploader 上传图片 重定义返回格式 使用FormData格式提交

开发一个图片上传功能 需求要用vant中的Uploader ,

发现 Uploader组件官方封装返回的数据是加密的,不适合我这个项目(需要上传到本地ftp服务器),

看了一下官方 issue 发现有人提问 官方有回复 加密数据转 formdata格式的操作,

复制过来发现不行,又搜索了一下度娘,终于解决问题,现在把坑记录一下

官方提供的格式转化(没起效。。。)

1 const formData = new FormData();
2 formData.append(‘file‘, file);

这是我项目里面实现的代码:axios(需要设置请求头)

 1 // 上传图片
 2 async onRead(file) {
 3     let formData = new window.FormData();
 4     formData.append(‘file‘, file.file);
 5     try {
 6         let res = await util.ajax.post(Url, formData, {
 7             headers: {
 8                 "Content-Type": "multipart/form-data"
 9             }
10         });
11         console.log(res);
12         if (XXX) {
13            XXX
14         } else {
15            XXX
16         }
17     } catch (e) {
18         console.log(e);
19         this.$toast(`网络连接错误, 请稍后再试!`)
20     }
21 },

实现效果

原文地址:https://www.cnblogs.com/tudan/p/10170286.html

时间: 2024-10-13 11:38:24

【土旦】 使用Vant 的Uploader 上传图片 重定义返回格式 使用FormData格式提交的相关文章

PHP上传图片重命名6种方案

一. 适用场景:无法使用从数据库中返回的自增长数字,给上传图片重命名.这是图片或文件上传的流程决定的.一般图片上传处理过程是,先上传图片到服务器,重命名之后,插入到数据库.也就是说,在数据库中非常容易获得的自增长id,无法用于给上传的图片重命名,来避免文件名称的重复,而采用从数据库中获取最大id加1的方式,增加了数据库连接的次数,不适用于高并发和数据量巨大的情况. 二. 常规方案:1. guid:32 字符十六进制数.格式:GUID 的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xx

一个完整的以在线重定义方式普通表转分区表的方案

1. 转分区表原因 生产数据库,一张表,一亿多行数据,绝大部分查询按月为维度做时间范围查 询,未分区状态下,查询IO量大,计划以分区截剪的方式减少IO量,提升前前台查询性能 2. 实施目的 将未分区的oXX_XXt_owner.id_oXXXdx_mX表以(stat_XXcle)字段为分区键,以在定义的方式转换成按月分区表的时间范围分区表,利且在线重定义的特性,保留权限的不漏赋以及极少时间的影响生产. 3. 注意事项 (1)       数据库若是双节点,只需在其中一个节点的数据库上实施. (2

重载重写重定义

1.重载:overload,是指同一可访问区内被声明的几个具有不同参数列表(参数的类型,个数,顺序不同)的同名函数,根据参数列表确定调用哪个函数,重载不关心函数返回类型. class Overload{ public: void V1(int i); void V1(double i); void V1(int i, double j); void V1(double i, int j); int test(int i); //编译报错,不是重载 }; 2.隐藏(重定义):隐藏是指派生类的函数屏

C++纯虚函数、虚函数、实函数、抽象类,重载、重写、重定义

首先,面向对象程序设计(object-oriented programming)的核心思想是数据抽象.继承.动态绑定.通过数据抽象,可以使类的接口与实现分离,使用继承,可以更容易地定义与其他类相似但不完全相同的新类,使用动态绑定,可以在一定程度上忽略相似类的区别,而以统一的方式使用它们的对象. 虚函数的作用是实现多态性(Polymorphism),多态性是将接口与实现进行分离,采用共同的方法,但因个体差异而采用不同的策略.纯虚函数则是一种特殊的虚函数.虚函数联系到多态,多态联系到继承. 一.虚函

重写,重定义,重载

> 重写,重定义经常与继承和虚继承一起使用,那么我们一步一步来,先看看重写,重定义到底是什么样子的呢? >重载: 1.它在同一个作用域中 2.函数名必须相同 3.参数个数,类型,顺序不同 4.返回值不作要求 5.virtual关键字不作要求 >重写(覆盖): 1.不在同一个作用域中(即基类与子类中) 2.函数名相同,返回值相同,参数也相同 3.只是在基类同名函数前必须有virtual关键字不能有static. 这时派生类的重写函数就会覆盖基类中的同名函数. >重定义(隐藏): 1.

(转)C++重写、重载和重定义的区别

C++ 重写重载重定义区别 (源自:http://blog.163.com/[email protected]/blog/static/111352259201102441934870/) 1 成员函数重载特征:   a 相同的范围(在同一个类中) b 函数名字相同 c 参数不同 d virtual关键字可有可无 2 重写(覆盖)是指派生类函数覆盖基类函数,特征是: a 不同的范围,分别位于基类和派生类中 b 函数的名字相同 c 参数相同 d 基类函数必须有virtual关键字 3 重定义(隐藏

【转】深入理解C++的动态绑定和静态绑定 & 不要重定义虚函数中的默认参数

为了支持c++的多态性,才用了动态绑定和静态绑定.理解他们的区别有助于更好的理解多态性,以及在编程的过程中避免犯错误.需要理解四个名词:1.对象的静态类型:对象在声明时采用的类型.是在编译期确定的.2.对象的动态类型:目前所指对象的类型.是在运行期决定的.对象的动态类型可以更改,但是静态类型无法更改.关于对象的静态类型和动态类型,看一个示例: class B { } class C : public B { } class D : public B { } D* pD = new D();//p

OpenGL的gl.h出现一堆错误,如重定义什么的

问题:生成时提示 gl.h中出现一堆错误,如 error C2144: 语法错误 : "void"的前面应有";" error C2182: "APIENTRY" : 非法使用"void"类型 error C2086: "int APIENTRY" : 重定义 error C2146: 语法错误 : 缺少";"(在标识符"glClearStencil"的前面) 解决办

海思编译链编译出现__aeabi_unwind_cpp_pr1重定义怎么回事

1.用arm-hisiv100nptl-linux-gcc编译代码,结果发现报错,__aeabi_unwind_cpp_pr1重定义,在librt.a先定义,使用的海思芯片是hi3520d. 2.本来以为是编译链冲突所致,工具链删了又装,只保留一个,还是不行,装的是toolchain_hisi_linux_nptl_install.tgz 3.后来发现在Hi3520_SDK_1.0.5.0中也有工具链,还有三种,分别是hisiv100,hisiv200,hisiv100nptl,就使用SDK包o