小程序多文件上传

小程序多文件上传实现

最新推荐文章于 2024-09-20 20:22:21 发布

原创

最新推荐文章于 2024-09-20 20:22:21 发布 · 588 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#小程序文件上传

这篇博客分享了作者在工作中实现小程序多文件上传的实践经验。通过递归调用来选择并存储图片，然后将图片集合发送到后台进行上传。文章强调理解递归原理是关键，提供了代码示例，并预告了下篇可能涉及的延迟删除功能。

想想从学校出来到公司实习一眨眼都工作三个月了，这三个月在公司的感觉就是学的很杂，前端设计，后端设计，还有小程序之类的，但是没办法啊，领导想要什么，我们就得实现什么（心里疯狂骂产品，疯狂的该需求）。今天写着篇博客就是为了积攒点代码量，以后从公司离职后，写过的代码也好有个印象。

好啦，进入正题吧，前几天实现了一个小程序的多文件上传。多文件上传，简单来说他就是将图片一张一张的存到集合里面，然后将这个集合传入后台再进行上传。好啦废话不多说进入正题吧

我们通过upVideo2这个方法可以加载相应的js

 <view class="section-tent" style="margin-bottom:0rpx;">
       <view class="section">
          <view class="se-left">
            <span style="margin-left:10px"></span>  附件：
          </view>
          <button bindtap="upVideo2" style='font-size:30rpx;margin-right:10rpx;'>选择图片
          </button>
  </view>

    <view class="file" wx:for="{
  
  {imgUrlList}}" wx:key="FILEID"  wx:for-item="value"  wx:for-index="index"  data-index="{
  
  {index}}"  > 
                <input type='hidden' hidden="true" name="FILENAME" value="{
  
  {value.FILENAME}