微信小程序 -- 图片上传

最新推荐文章于 2024-06-28 17:22:07 发布

原创

最新推荐文章于 2024-06-28 17:22:07 发布 · 2.5w 阅读

标签

#微信小程序 #图片上传

收录于

本文介绍了微信小程序中进行图片上传的步骤，强调了在页面存在多个图片上传位置时，如何避免方法名冲突，并提供了WXML和JS代码示例。

微信小程序图片上传

老方法，复制粘贴就好使

1. 如果同一个页面有多个地方使用图片上传，这五个方法名：记得不要重名

方法名	备注
commodity	图片预览的名称
previewImage_commodity_video	预览图片的方法名
deleteImage_video	删除图片的方法名
chooseImage_commodity_video	上传图片的方法名
storefront_video	调用上传图片接口的方法名

WXML代码：

<text class="name_font name">图片<text>:</text></text>
<view class="img name">
  <view class="list_tupian weui-uploader__bd"  bindtap="upimg_men">
    <block wx:for="{
   
   {commodity}}" wx:key="*this">
      <view class="weui-uploader__file" bindtap="previewImage_commodity_video" catchtap="deleteImage_video" data-index="{
   
   {index}}" id="{
   
   {item}}">
          <image class="weui-uploader__img" src="{
   
   {item}}" mode="aspectFill" />
      </view>
    </block>
    <view class