小程序上传图片文件流转换

淮囡

已于 2023-02-17 17:26:36 修改

阅读量2.2k

点赞数

文章标签：小程序微信小程序前端

于 2023-02-17 17:23:43 首次发布

本文链接：https://blog.csdn.net/weixin_71426765/article/details/129089766

版权

本文介绍了微信小程序中上传图片的步骤及后端返回文件流的转换方法。作者分享了在实现该功能时的学习过程，提供了综合后的代码示例，方便开发者参考。内容包括页面基本格式、上传方法和路径转换，特别是后端返回文件流转换的关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序上传图片以及后端返回文件流转换

我在做这个功能的时候也是找了很多教程，因为我很少接触到原生小程序，所以很多都需要先学，我这些也是观看了很多大佬的代码，综合到一起的，但是呢都存在着一定差异，现在把代码综合到一起，也方便大家以后查看，如果有和哪位大佬的代码相撞了，可能我就是观看了你的来进行综合的，因为看了很多，也不记得找的哪些篇文章了，希望各位大佬不要介意

首先是上传

基本页面的格式

      <view class="img-wrap">
        <view class="txt">上传</view>
        <view class="imglist">
          <view class="item" wx:for="{
  {imgList}}" wx:key="item">
            <image class="aaa" src="{
  {item}}" alt=""></image>
            <view class='delete' bindtap='deleteImg' data-index="{
  {index}}">
              <image src="../../img/pic-2.png"></image>
            </view>
          </view>
          <!-- <image src="{
  {imgs}}"></image> -->
          <view class="last-item" wx:if="{
  {imgs.length >= 3 ? false : true}}" bindtap="bindUpload">
            <text class="sign">