微信小程序先图片预览后提交云存储

最新推荐文章于 2024-09-13 21:55:58 发布

晓未苏

最新推荐文章于 2024-09-13 21:55:58 发布

阅读量598

点赞数

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

本文链接：https://blog.csdn.net/fffvdgjvbsfkb123456/article/details/114576646

版权

本文档介绍了如何在微信小程序中实现图片预览并将其上传至云存储。首先，提供了微信云存储的官方文档链接，接着指出在使用过程中可能会遇到的环境ID不一致问题，并提供了解决方案：在小程序开发工具的云开发设置中确认环境ID，并在app.js文件中检查env变量的设置。

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

微信云存储文档地址：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-sdk-api/storage/Cloud.uploadFile.html

 <view class="btn-list">
   <button bindtap="chooseImage">点击上传图片</button>
   <text class="tips">只支持JPG、PNG、GIF,大小不超过5M</text>
 </view>

<!--展示要上传的图片 -->
<view class="box-in">
	<view class="btn-list" wx:for="imageList"  wx:for-item="image">
	     <!--data-src属性可以帮助图片预览时，定位到当前图片;bindlongpress长按触发事件 -->
		<image src="{
    {image}}" bindtap="previewImage" data-src="{
    {image}}" bindlongpress="deleteImage"></image>
	</view>
</view>

<!--点击上传 -->
<view class