踩坑记录---wx.chooseImage()上传图片会触发

最新推荐文章于 2024-07-15 15:23:04 发布

修身_养性

最新推荐文章于 2024-07-15 15:23:04 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/qq_35952360/article/details/107492234

版权

wx.chooseImage()上传图片会触发Page的onShow生命周期

执行wx.chooseImage()调用本地相册或相机，即离开了当前页面，因此返回当前页面时会触发当前Page的onShow生命周期。

问题：onShow中的逻辑代码会重新执行，可能会造成某些状态被改变。
个人解决方案：Page()外定义一个变量，通过判断该变量来决定onShow生命周期中的逻辑是否执行。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

修身_养性

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序wx.chooseImage选择图片并上传避坑/真机上传无效

YaWen的博客

07-19

8869

微信小程序选择本地图片或者相机拍照并上传服务器需要用到以下两个方法： 1.wx.chooseImage(Object object) 从本地相册选择图片或使用相机拍照 2.wx.uploadFile(Object object) 将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求，其中 content-type 为 multipart/form-data chooseImg() { const that = this; wx.chooseImage({ count

小程序wx.chooseImage和wx.chooseVideo 上传多张图片和视频

梁小茹的博客

04-22

2192

直接看代码拉，可直接赋值实现噢 <view class="upload" style="overflow:hidden;"> // 展示上传的图片 <view class="imgList" wx:for="{{imgsrclist}}" wx:key="index" style=""> // 点击删除的按钮

参与评论您还未登录，请先登录后发表或查看评论

vue3.0 开发微信公众号调用相机和相册(解决ios首次进入调用不了)

最新发布

qq_39291270的博客

07-15

230

vue3开发微信公众号项目，调用jssdk：wx.chooseImage、wx.getLocalImgData，兼容ios

wx.chooseImage

weixin_30565327的博客

03-08

247

<view>上传图片</view> <view> <view> <button bindtap="getImg">上传图片</button> </view> <view wx:for="{{imgSrc}}" wx:key="{{index}}"> ...

wx.chooseImage方法和wx.previewimage预览返回会触发onshow的处理方法(微信小程序)

@芈文的博客

08-03

2497

1、page外全局定义开关变量 var isonShow;2、在你需要调用 preivewImage 之前，将这个开关变量设置为 true isonShow= true; wx.chooseImage({})或者wx.previewImage({});3、onshow事件中： if (isonShow) { isonShow= false; return; }; ...

小程序之wx.chooseImage(Object object)

duruo0的博客

04-06

3580

本文章参考小程序的开发文档在我的个人信息页面，想要更换个人头像，使用wx.chooseImage(Object object) 主要参数如下：在我实际操作时，需要自己设的参数很少，就设置了选择图片最多的张数为1。具体代码如下： wxml部分: <view class="avatar"> <image class="bgimg" src='https://hbimg.huabanimg.com/9cf2d584caf323cbacd85210e385ee18bc600657246

h5使用微信wx.chooseImage上传base64图片数据（ios、安卓通用）

03-05

2755

直接上代码：网上说的靠谱的就是安卓上获得的是base64数据，但是会额外多空格回车。所以需要替换掉即可 function open(){ wx.ready(function () { wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可...

微信小程序上传图片、wx.chooseImage和wx.uploadFile方法上传图片

夜阑珊妖妖

01-11

3361

微信小程序上传图片、wx.chooseImage和wx.uploadFile方法上传图片 insertImage() { wx.chooseImage({ count: 1, success: (res) => { console.log(res); // this.setData({ // picsrc: ...

一文彻底弄懂wx.chooseImage

热门推荐

weixin_34194379的博客

06-07

1万+

最近在做一个复杂的跨五端（PC、H5、小程序、iOS、android）的需求，历时将近两个多月，其中酸甜苦辣冷暖自知，近日终于可以封板上线，回忆整个开发过程，深坑不断，收获颇多，今天先分享一下在微信小程序的web-view里选取照片的功能，此文完整的记录整个开发过程，彻底解决各种疑难杂症。深度调研因为跨端所以最开始使用了<input type="file" accept="image...

小程序wx.chooseMedia，chooseImage等会触发onshow,onload的坑

weixin_42120767的博客

12-03

5158

在一次调用小程序api-wx.chooseImage,然后发现图片莫名其妙的不对，查了好久，才发现是选择图片后页面的onShow生命周期又执行了（我是在onshow请求的接口数据，导致数据刷新了）。反正类似chooseImage的api，都会触发app.js的onShow、onHide和page的onShow、onHide(其实原因是，这类api调用的时候就相当于跳出了小程序，选择好后再进来，所以会触发onShow,onHide) 顺序是: page的onHide > app的onHide &g

【微信小程序】wx.chooseImage方法Bug

IVanLyf的博客

07-10

1995

微信小程序wx.chooseImage方法会引发底层Bug 在微信小程序中调用wx.chooseImage方法选择图片，选择完图片之后页面会莫名的跳转，找了很久才发现原因。研究发现调用wx.chooseImage方法之后会触发入口文件app.js中的onLaunch、onShow方法，然后再触发当前页面的onHide、onShow方法。逻辑如下： app.onLaunch(); app.onShow(); page.onHide(); page.onShow(); 这四个方法中肯定有业务逻辑，如果不做特

微信图片上传 wx.Imagechoose

weixin_34318326的博客

04-27

1155

拍照或从手机相册中选图接口 wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 success: func...

小程序上传图片 wx.chooseImage wx.uploadFile

du的博客

12-30

247

wx.chooseImage({ count: 1, //最多可以选择的图片张数默认值是9 sizeType: ['original', 'compressed'], // 所选的图片的尺寸 original原图 compressed压缩图 sourceType: ['album', 'camera'], // 选择图片的来源 album从相册选图 album使用相机 success (res) { // tempFilePath可以作为img标签的src属性显示图片 co

【微信技术-微信公众号】-------- 实现拍照或选择相册接口:wx.chooseImage的使用实例[JS-SDK]

皮皮冰要做大神

03-05

3067

一，【JS-SDK】拍照或从手机相册中选图接口:wx.chooseImage的使用实例. 1.使用wx.chooseImage接口需要如下几步缺一不可：这里我是使用（测试公众号）测试出来的效果。（1）请到微信官方文档的公众号下看说明文档：（必须先了解才好看继续下面的示例）（2）请按步骤进行配置：上图的【1.1.1-1.1.5】的步骤来进行，才能调用【wx.chooseImage】否则是没有权限的，会提示【errMsg: "chooseImage:fail, the perm...

微信小程序 wx.chooseImage ----bug

weixin_65206682的博客

08-09

576

微信小程序图片上传会触发appvue

微信小程序上传图片wx.chooseImage和wx.uploadFile

开心大表哥

01-18

5516

wxml: view class="container"> view class='photo-wrap'> view class='photo-image-wrap photo-image-wrap1'> image src='/images/photo2.png' bindtap='getImage'>image> text>相册text> v

wx.chooseImage的一些见解

caoyan0829的博客

07-25

675

wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success (res) { // tempFilePath可以作为img标签的src属性显示图片 const tempFilePaths = res.tempFile...

微信小程序笔记云开发 上传图片到云数据库基础（wx.chooseImage、wx.cloud.uploadFile）

weixin_43826681的博客

07-23

1万+

wx.chooseImage和wx.cloud.uploadFile是小程序上传图片到云数据库的两个很重要的函数。其中，wx.chooseImage函数的作用是选择要上传的图片、wx.cloud.uploadFile函数的作用的将文件上传到云数据库中。它们的详细参数可以在微信官方文档中查到：下面举几个示例来看看这两个函数的用法：一、wx.chooseImage函数的返回值示例： wxml： <button type="primary" bindtap="uploadPhoto" >

wx.chooseImage 上传文件

05-21

`wx.chooseImage` 是一个用于选择图片的 API，它可以调起手机相册或相机进行拍照，并将选择的图片上传到服务器。使用该 API 需要先调用 `wx.authorize` 接口获取授权。以下是一个简单的示例代码，演示如何上传图片： ```javascript // 选择图片 wx.chooseImage({ success: function (res) { // 上传图片 wx.uploadFile({ url: 'https://example.com/upload', // 上传地址 filePath: res.tempFilePaths[0], // 图片文件路径 name: 'image', // 上传参数名 success: function (res) { console.log(res.data) // 上传成功后返回的数据 } }) } }) ``` 在上述代码中，我们使用 `wx.chooseImage` 接口选择了一张图片，并将选择的图片路径传递给了 `wx.uploadFile` 接口，然后调用 `wx.uploadFile` 接口将图片上传到服务器。上传成功后，会返回一个包含上传结果的数据。