小程序实现图片上传,预览以及图片base64位处理

最近一段时间在做小程序项目,第一期功也完工了。需要好好总结一下经验,把项目中遇到的问题好好总结一下,遇到的问题,踩过的坑。今天写一个小程序实现图片上传,预览,以及删除,图片base64位处理。下面就是展示的效果

小程序实现图片上传,预览以及图片base64位处理

1页面布局

<view class=\'question-images\'> <view class=\'images-wrap\'> <block wx:for="{{imagesList}}" wx:key="id"> <view class=\'images-list\' wx:if="{{imagesList.length > 0}}" > <image class=\'images-item\' src=\'{{item}}\' bindtap="handleImagePreview" mode="aspectFill" data-index="{{index}}"></image> <view class=\'image-remover\' bindtap="removeImage" data-index="{{index}}">X</view> </view> </block> <!-- 上传图片按钮 --> <view class=\'images-list images-btn\' bindtap=\'chooseImage\' wx:if="{{imagesList.length < 1}}"> <image class=\'btn-item\' src=\'/assets/images/camera.png\'></image> <text class=\'add\'>添加图片</text> </view> </view> </view> </view>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzfpxx.html