分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

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

发布时间:2023-09-06 02:27责任编辑:沈小雨关键词:上传图片

开发一个图片上传功能 需求要用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 ???????????XXX14 ????????} else {15 ???????????XXX16 ????????}17 ????} catch (e) {18 ????????console.log(e);19 ????????this.$toast(`网络连接错误, 请稍后再试!`)20 ????}21 },

 实现效果

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

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved