分享web开发知识

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

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

小程序 ?图片上传方法

发布时间:2023-09-06 02:01责任编辑:董明明关键词:暂无标签
uploadimg: function () {//这里触发图片上传的方法let that = this;var pics = that.data.pics;app.uploadimg({url: app.baseUrl + ‘api/PublishMessage/uploadImage‘,//这里是你图片上传的接口path: pics,//这里是选取的图片的地址数组resourceType: that.data.resourceType,resourceId: that.data.resourceId});setTimeout(function () {// console.log(app.globalData.complete)if (app.globalData.complete==true){that.setData({loadingBox: false})wx.switchTab({url: ‘../partner/partner‘})}else{} },3000)}
//多张图片上传 ???uploadimg(data) { ???let that = this, ???i = data.i ? data.i : 0,//当前上传的哪张图片 ???success = data.success ? data.success : 0,//上传成功的个数 ???fail = data.fail ? data.fail : 0;//上传失败的个数 ???wx.getStorage({ ?????key: "userid", ?????success: function (res) { ???????console.log(res.data) ???????wx.uploadFile({ ?????????url: data.url, ?????????filePath: data.path[i], ?????????name: ‘file‘,//这里根据自己的实际情况改 ?????????formData: { ???????????resourceType: data.resourceType,// ?资源类型: 图片: img ??视频 : video ???????????articleType:‘youji‘,// ??文章类型: 约伴 : yueban ?游记 : youji ???????????resourceId: data.resourceId,//资源id: 如果发布的是约伴, 那就是发布的当前约伴信息的 信息id, 用这个 信息id 来标识是那片文章的资源 ???????????userId: res.data,// 用户id ?????????}, ?????????success: (resp) => { ???????????success++;//图片上传成功,图片上传成功的变量+1 ???????????console.log(resp) ???????????console.log(i); ???????????//这里可能有BUG,失败也会执行这里,所以这里应该是后台返回过来的状态码为成功时,这里的success才+1 ?????????}, ?????????fail: (res) => { ???????????fail++;//图片上传失败,图片上传失败的变量+1 ???????????console.log(‘fail:‘ + i + "fail:" + fail); ?????????}, ?????????complete: () => { ???????????console.log(i); ???????????i++;//这个图片执行完上传后,开始上传下一张 ???????????if (i == data.path.length) { ??//当图片传完时,停止调用 ???????????????????????// console.log(‘执行完毕‘); ?????????????// console.log(‘成功:‘ + success + " 失败:" + fail); ?????????????that.globalData.complete=true ?????????????????????????} else {//若图片还没有传完,则继续调用函数 ?????????????console.log(i); ?????????????data.i = i; ?????????????data.success = success; ?????????????data.fail = fail; ?????????????that.uploadimg(data); ???????????} ?????????????????????} ???????}); ?????} ???}) ?},

小程序 ?图片上传方法

原文地址:https://www.cnblogs.com/dalulu/p/9216649.html

知识推荐

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