小程序——图片上传预览及后台接口存储

最新推荐文章于 2024-08-03 10:21:01 发布

北方的木

最新推荐文章于 2024-08-03 10:21:01 发布

阅读量5.2k

点赞数 1

分类专栏：微信小程序文章标签：微信小程序图片上传预览图片存储到服务器

本文链接：https://blog.csdn.net/q1923408717/article/details/99743322

版权

这篇博客详细介绍了如何在微信小程序中实现图片上传预览功能，包括wxml文件的设置、.js文件的引用及方法编写，以及后台接口对接以实现图片存储到服务器的过程。

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

首先是，选择图片预览删除的wxml文件

<view class='top-selected_1'>
      <view class="cross_column">
        <view class="cross_column">
          <block wx:for="{
  {images}}" wx:key="*this">
            <view>
              <!-- 图片缩略图  -->
              <image class="imgcls_4" src="{
  {item}}" mode="aspectFill" data-idx="{
  {index}}" bindtap="ImagePreview"></image>
              <!-- 移除图片的按钮  -->
              <view style=" text-align: center;" data-idx="{
  {index}}" bindtap="removeImage">删除</view>
            </view>
          </block>
        </view>
        <image class="imgcls_4" bindtap="chooseImg" wx:if="{
  {images.length < 4}}" src=".