微信小程序上传图片（多张/单张）

钟Bubble

于 2022-02-16 14:31:37 发布

阅读量7.5k

点赞数 8

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序 javascript 小程序前端经验分享

本文链接：https://blog.youkuaiyun.com/BubbleABC/article/details/122962876

本文介绍了如何在微信小程序中实现图片上传功能，包括在abc.wxml、abc.js和abc.wxss页面中的具体实现细节，适合前端开发者和微信小程序开发者参考。

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

微信小程序上传图片

abc.wxml页面

<view class="three">图片</view>
  <view class="weui-uploader">
    <view class='pics' wx:for="{
    
    {imgs}}" wx:for-item="item" wx:key="*this">
        <image class='weui-uploader__img' src="{
    
    {item}}" data-index="{
    
    {index}}" mode="aspectFill" bindtap="previewImg">
                  <icon type='cancel' class="delete-btn" data-index="{
    
    {index}}" catchtap="deleteImg"></icon>
        </image>