微信小程序批量上传图片

最新推荐文章于 2024-07-28 09:05:20 发布

火锅味的小笼包

最新推荐文章于 2024-07-28 09:05:20 发布

阅读量1.3k

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/SteamedDumplings/article/details/107441695

版权

这篇博客主要介绍了在微信小程序中如何实现批量上传图片的功能。作者在研究过程中遇到了异步处理的问题，最终通过调整策略，将图片数据转换为集合，一次性上传到后台并存储到数据库。文中以实践代码展示了具体解决方案。

摘要由CSDN通过智能技术生成

笔记一

刚接触小程序，公司要实现的功能类似于微信发布动态功能，其中图片需要批量上传，查阅了大量资料都是通过循环实现。一开始循环了一张就存一张，写完发现这个方法有点太寸了，想着能不能将数据转成集合一次存到后台在存入数据库，被异步方法折腾了很久，在查阅了大量资料后终于实现了需求。话不多说，直接上代码！

  //选择图片（页面一）
  bindDynamicByImg:function(){
    var that = this;
    //选择相片
    wx.chooseImage({
      count: 9,
      sizeType: ['compressed'], //'original',原图上传
      sourceType: ['album', 'camera'],
      success (res) {
        // tempFilePath可以作为img标签的src属性显示图片
            that.setData({
              imgList:res.tempFilePaths
            })
         //跳转页面
        ....
      }
    })
  },
  
 //（页面二）
   /**
   * 页面的初始数据
   */
  data: {
    imgList:[],
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //上一页数据
    var pages = getCurrentPages();
    var prevPage = pages[pages.length - 2];  //上一个页面
    var imgList =prevPage.data.im