uni-app开发中，使用ThorUI中的图片上传，自定义接口返回数据修改

Thor官方文档提示：

源码内容：（源码内默认对接口返回数据的处理，具体在uploadImage方法内）

//判断code，以实际接口规范判断if (d.code % 100 === 0) {// 上传成功 d.url 为上传后图片地址，以实际接口返回为准d.url && (_this.imageList[index] = d.url)_this.$set(_this.statusArr, index, d.url ? "1" : "3")
} else {// 上传失败_this.$set(_this.statusArr, index, "3")
}

像我这边接口返回字段就是这样的：（和接口文档提供的出入巨大，官方文档又没有提供方法做字段替换）

只能对源码进行修改：

if (d.errCode === '0') {// 上传成功 d.url 为上传后图片地址，以实际接口返回为准d.data.photo_url && (_this.imageList[index] = d.data.photo_url)d.data.photo_uuid && (_this.photo_uuid[index] = d.data.photo_uuid)_this.$set(_this.statusArr, index, d.data.photo_url ? "1" : "3")} else {// 上传失败_this.$set(_this.statusArr, index, "3")}

只要就是对接受返回字段做调整，源码只默认返回Url的，这边photo_uuid是自定义加上的返回值，相关配置修改还有：

上传完成时，字段传输，以及对新增字段的初始化定义，这里就不一一贴图了。

uni-app开发中，使用ThorUI中的图片上传，自定义接口返回数据修改相关推荐

ajax中fileelementid,使用 ajaxFileUpload 进行图片上传
前端部分使用ajaxFileUpload 主要是为了异步上传文件,不需要开启新的页面进行上传! 由于segmentfault不能上传文件,该文件ajaxFileUpload.js的代码在本篇文章的最 ...
Vue中使用vue-croper插件实现图片上传裁剪并传到SpringBoot后台接口
场景前后端分离的项目,前端修改头像时,需要对头像进行裁剪并且能实时预览,然后上传到SpringBoot后台. 实现效果如下注: 博客: https://blog.csdn.net/badao_li ...
【小程序开发原创】小程序裁剪图片上传头像，二维码源码
微信小程序图片裁剪工具,简单易用项目需求在做微信小程序的时候有个图片上传之前裁剪的需求,找过一些github中的项目,都不太理想,主要是没有办法自定义宽高,于是自己研究了一下,做了一个简单的图片 ...
Flask Web开发入门（十）之图片上传（使用Flask-Upload）
在Flask Web开发入门(八)之文件上传中,我们探讨了Flask框架下的文件上传,本章我们将使用Flask插件Flask-Uploads示例说明的图片上传与展现如何实现开始之前,我们先简单看下F ...
uni-app - 头像图片裁剪组件（支持多种裁剪，手势控制旋转或缩放、内外部控制图片移动、提供上传后端接口方案、头像图片美化）全端完美兼容 H5 App 小程序，最好用的图片上传后裁剪插件教程源代码
前言网上的教程代码非常乱且都有 BUG 存在,非常难移植到自己的项目中,而且很难. 实现了完美兼容 H5 App 小程序,选取手机本地相册或拍照,图片上传裁切内置多种方案,样式随便改, 本文代码干 ...
在ASP.NET项目中使用CKEditor +CKFinder实现图片上传功能
前言之前的项目中一直使用的是FCKeditor,昨天突然有个想法:为什么不试一下新的CKEditor呢?于是花了大半天的时间去学习它的用法,现在把我的学习过程与大家分享一下. 谈起FCKeditor ...
微信小程序云开发之云存储（实现图片上传和下载）
文章目录前言一.云存储的使用二.使用演练 1.上传图片到云存储中 2.下载并保存图片到手机前言我们经常将文件(音频.图片.压缩包.文档)存储在网上,我们的云开发平台为开发者提供"云 ...
记录uni.app开发微信小程序中地图的使用,以及项目中的解决办法
标题先讲一下需求:需要获取用户的地址信息以及经纬度,并在地图中展示时出来 uniapp官方也提供了api uni.getLocation(OBJECT) getLocation只能获取用户的经纬度,不 ...
Vue中使用微信JSDK实现图片上传
1.npm安装,不会的看这里 npm install weixin-js-sdk 2.main.js全局注册 import wx from 'weixin-js-sdk' Vue.prototype. ...

uni-app开发中，使用ThorUI中的图片上传，自定义接口返回数据修改

uni-app开发中，使用ThorUI中的图片上传，自定义接口返回数据修改相关推荐

最新文章

热门文章