微信小程序多图上传
来源:互联网 发布:百度云域名注册免费 编辑:程序博客网 时间:2024/06/05 08:09
选择图片wx.chooseImage
上传图片wx.uploadFile
- 点击选择图片
chooseImg: function () { var that = this; var selectImg = that.data.selectImg; wx.chooseImage({ count: 5, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: function (res) { var tempFilePaths = res.tempFilePaths if (tempFilePaths.length + selectImg.length > 5) { that.tips('最多只能上传5张') } else { for (var i = 0; i < tempFilePaths.length; i++) { selectImg.push(tempFilePaths[i]) // that.uploadImg(tempFilePaths[i]) } that.setData({ selectImg: selectImg }) console.log(selectImg); } }, fail: function () { that.tips('选取图片失败') } }) },
- 提交表单,遍历selectImg ,调用uploadImg()进行图片一张张上传。
- 上传图片
uploadImg: function (img,fn){ var that = this; var imgs = that.data.imgs; app.getLoginSession(function (session) { wx.uploadFile({ url: app.api, filePath: img, name: 'file', formData: { app: 'farm', act:'upload_file', filePath: img, t_session: session }, method: 'POST', header: { 'content-type': 'multipart/form-data' }, success: function (res) { var data = JSON.parse(res.data); var rlt = data.retval; if (data.done) { imgs.push(rlt.save_path); that.setData({ imgs:imgs }) console.log("sss"+that.data.imgs) typeof fn == 'function' && fn(); } else { console.log(data); that.tips('图片上传失败') } }, fail:function(){ console.log("失败"); } }) }) },
阅读全文
0 0
- 微信小程序多图上传
- 上传多图发布 微信小程序
- 上传多图发布 微信小程序
- 多张图片上传 微信小程序
- 微信小程序多张图片上传
- 微信小程序上传多张图片
- 微信小程序:能否上传多张图片
- 微信小程序的上传
- 微信小程序上传图片
- 微信小程序上传图片
- 微信小程序上传头像
- 微信小程序上传文件详解
- 微信小程序之图片上传
- 微信小程序上传文件问题
- 微信小程序之----上传图片
- 微信小程序 解析单图上传安卓手机上传失败和wx.request上传失败问题
- 微信小程序上传一或多张图片
- [微信小程序]上传单张和多张图片
- JAVA 多线程
- 数据库连接池的工作机制
- struts2 笔记
- C++(9):GetPrivateProfileString+WritePrivateProfileString->ini文件键值对操作
- 前端切图的通俗解释(说人话)
- 微信小程序多图上传
- <C++>5.如何全方位理解C++中的“引用”?
- 求Sn=a+aa+aaa+aaaa+aaaaa
- Circuit Switch与Packet Switch
- 阿西莫夫科幻巨著 “基地三部曲”推荐
- 学习seo的感觉
- hadoop入门(九)Mapreduce中的简单排序(手机流量排序)
- 【开发工具】 JEECG_3.7新版开发工具
- 基于变分自编码器的生成对抗网络