元素上bindtap方法:(选择图片)

chooseImgHandler: function (e) {

var that = this;

that.count_img = count_img; //允许上传的图片数目

if (that.isGoing) return;

that.isGoing = true;

if (count_img) {

wx.chooseImage({

count: count_img,

sizeType: ['compressed'],

sourceType: ['album', 'camera'],

success: function (res) {

var tempFilePaths = res.tempFilePaths;

wx.showLoading();

that.uploadimg(tempFilePaths);

},

fail: function () {

// App.serverErrorTip("图片选择失败...");

that.isGoing = false;

}

})

} else {

App.serverErrorTip('已达到上传图片上限啦~');

that.isClicking = false;

}

},

//拿到用户选择的图片的临时文件路径数组以后,循环上传到自己的服务器

//上传多图

uploadimg: function (data) {

var that = this,

zero = 0,

i = data.i ? data.i : zero,

success = data.success ? data.success : zero,

fail = data.fail ? data.fail : zero,

count_img = that.count_img;

wx.uploadFile({

url: '自己服务器的地址',

filePath: data[i],

name: 'file',

formData: {服务器需要接受的参数},

success: function (resp) {

if (resp.statusCode == 200) {

if (!resp.data || resp.data.indexOf("errcode") != -1) {

var msg = "";

try {

var json = eval("(" + resp.data + ")");

msg = '上传图片失败:' + json.errmsg;

} catch (e) {

msg = '上传图片失败'

}

that.wetoast.toast({

title: msg,

duration: 3000

})

fail++;

wx.hideLoading();

} else {

//成功后的回调

//自己的事件方法

that.count_img = count_img;

if (i == (data.length - 1)) {

wx.hideLoading();

}

}

} else {

if (i == (data.length - 1)) {

wx.hideLoading();

}

App.serverErrorTip('上传图片失败');

}

},

fail: function (res) {

fail++;

if (i == (data.length - 1)) {

wx.hideLoading();

}

},

complete: function () {

i++;

if (i == data.length) { //当图片传完时,停止调用

console.log('执行完毕');

console.log('成功:' + success + " 失败:" + fail);

that.isClicking = false;

} else {//若图片还没有传完,则继续调用函数

data.i = i;

data.success = success;

data.fail = fail;

that.uploadimg(data);

}

}

});

},

mysql多图怎么同时上传,小程序如何同时上传多张图片?相关推荐

  1. 【微信小程序源码】独立版云贝餐饮连锁V2_2.3.9源码线传小程序,新增堂食订单,支付打印新增下单时间显示

    [全端小程序]云贝餐饮连锁V2独立版V2.3.9餐饮小程序,优化商户到款到零钱! 云贝餐饮连锁版主要基于目前比较流行小程序生态下的自助点单系统 .通过云贝餐饮连锁版系统,让中小型餐饮商家为用户提供了便 ...

  2. php微信小程序多图上传,tp5实现微信小程序多图片上传到服务器功能

    最近在做一个教育类的小商城的微信小程序,用到了上传多个图片文件到服务器端,这里做一个讲解,希望对大家有所帮助. 1,小程序端: 在wxml文件中: 删除 点击上传作业 在js文件中: Page({ / ...

  3. 传图取字:微信小程序自动把图片上的文字提取出来

    生活工作中有时我们喜欢图片或者纸质文档上的一段文字,这些文字重新输入,又费时费力?? 今天小编给大家分享一款微信小程序[传图取字],高精度自动识别图片.文档及PPT中的文字,一键提取并能复制和分享,从 ...

  4. ssm+mysql+基于微信小程序的恋上诗词设计与实现 毕业设计-附源码011431

    基于SMM微信小程序的恋上诗词设计与实现 摘  要 随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,恋 ...

  5. uniapp 微信小程序开发 图片上传压缩

    uniapp 微信小程序开发 图片上传压缩 安卓上传图片并压缩 思路 全部代码 安卓上传图片并压缩 由于后端接口对图片的大小有限制,所以在上传图片是需要压缩处理: uni.chooseImage({c ...

  6. 微信小程序入门(四):miniprogram-ci + Jenkins + git 实现小程序代码的上传等操作

    目录 1. 实现要求 2. 实现方式一 2.1 Jenkins中其他配置这里不重复了,重点说构建部分的命令 2.2 Jenkins中运行构建任务,在小程序页面检查上传结果,没问题 3. 实现方式二 3 ...

  7. 微信小程序实现录音上传

    微信小程序实现录音上传 准备 开始 准备 1.微信开发者工具 2.Api文档 开始 打开微信开发者工具 项目->新建项目 选择小程序 appid是在微信公众平台申请的. 链接 新建完成后,项目自 ...

  8. 微信小程序多文件上传之wx-multipart

    微信小程序多文件上传之wx-multipart 前言:我后端写了个多文件上传接口,奈何前端同事说微信小程序只能单文件上传,要支持多文件上传还要我单独再写一个单文件上传的接口,我他喵- 我看了下微信小程 ...

  9. 微信小程序之文件上传PHP后台接收

    微信小程序之文件上传(word,excel图片等) 微信前台代码 .html <!--pages/demo4/demo4.wxml--> <view class="cont ...

最新文章

  1. 零基础入门学习Python(27)-文件2
  2. 算了一挂,也不知准不准
  3. 客户端到服务器的请求响应时间,客户端到服务器的网络响应时间
  4. Flink 合流水位线图解
  5. Echarts数据可视化全解注释
  6. C++使用using与typedef定义别名
  7. # 笔记2021-11
  8. 《MySQL数据库》关联查询
  9. ADS2022学习笔记(二)
  10. 阿兹卡塔防 Azgard Defense 详细攻略
  11. 苹果开发者关联封号扫盲贴
  12. 齐齐哈尔计算机科学与技术学院,齐齐哈尔职工大学官网
  13. 【产业互联网周报】云厂商加速布局政企市场:华为云发布七款新产品;腾讯政务战略升级;钉钉发布数字区县解决方案...
  14. oracle重做control,Oracle 通过Database Control 向重做日志组中添加成员
  15. 接口测试 — 使用Requests库发送POST请求
  16. Σd|nφ(d)=n的证明
  17. 关于树状图画法的分析
  18. java apk签名证书_Android签名证书的生成
  19. 相机计算坐标公式_机器视觉系统坐标标定与计算方法
  20. 2016年4月编程语言排行榜 Visual Basic正渐行渐远

热门文章

  1. android 数据库表格数据库数据库中,Android SQLite数据库中的表详解
  2. Linux 服务器高并发调优实战
  3. 图解Spring循环依赖,看过之后面试再也不用慌了!
  4. android自定义LinearLayout和View
  5. 算法--腾讯面试:单词游戏,谁会赢?
  6. python pandas读写excel_python pandas读写excel
  7. (Spring)使用注解开发
  8. 分析JDK中的Runtime的单例设计模式以及使用小例子
  9. 三体系建设是什么意思_湖南信息系统建设和服务能力评估体系怎么做?是什么?...
  10. linux系统日志_第十二章:走进Linux世界——系统日志管理,日志轮转。