微信小程序上传、预览多张图片

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

阡路陌人

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

阅读量1w

点赞数 6

分类专栏：小程序文章标签：微信小程序上传、预览图片

本文链接：https://blog.csdn.net/m0_37852904/article/details/79853745

版权

本文介绍了在微信小程序中进行图片上传和预览的操作，通过代码展示wxml、wxss和js的具体实现，帮助开发者整合小程序开发的零散知识点。

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

最近刚好在接手一个小程序项目，终于可以将之前所学的零散知识点串联在一起了。。。

关于图片的上传操作

就直接贴下代码吧！

wxml：

<view class="weui-cell">
  <view class="weui-cell__bd">
    <view class="weui-uploader">
      <view class="weui-uploader__hd">
        <view class="weui-uploader__title">点击可预览选好的图片</view>
        <view class="weui-uploader__info">{
   {
   pics.length}}/9</view>
      </view>
      <view class="weui-uploader__bd">
        <view class="weui-uploader__files">
          <block wx:for="{
   {
   pics}}" wx:for-item="image">
            <view class="weui-uploader__file">
              <image class="weui-uploader__img" src="{
   {
   image}}" data-src="{
   {
   image}}" bindtap="previewImage"></image