微信小程序获取图片报错 getImageInfo 大坑

最新推荐文章于 2023-09-25 21:30:58 发布
最新推荐文章于 2023-09-25 21:30:58 发布
阅读量1.8k 收藏 4
点赞数 2
分类专栏： 微信小程序 uniapp 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55258023/article/details/129087791
版权

今天小程序上线  本地好好的  测试地址好好的  但是线上就出现了问题。
排查了很久才发现是 getImageInfo  的问题

uni.getImageInfo(OBJECT)

获取图片信息。

小程序下获取网络图片信息需先配置download域名白名单才能生效。

用的时候  没有仔细去看  

 而在开发的时候  我们一般都会勾选上  不校验合法域名 web-view 

所以这也就导致了我们在测试地址没有问题  本地没有问题  而上线之后却发现不能用
 

但是 总而言之还是我工作的时候没有细心所导致的问题 

 

走出半生的少年
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
微信小程序开发中的网络图片加载和优化处理
吃不胖.
05-25 307
同时，通过图片压缩和图片懒加载等优化处理，可以减少图片的大小和加载时间，提升用户体验。使用wx.compressImage()接口可以对图片进行压缩处理，其中src参数指定原始图片的地址，quality参数指定图片的质量。希望本文能对你理解微信小程序开发中的网络图片加载和优化处理有所帮助。一、网络图片加载 微信小程序提供了wx.request()接口来发起网络请求，可以获取网络图片的信息并加载到小程序中。二、网络图片优化处理 在网络图片加载过程中，我们还可以对图片进行优化处理，以减少图片的大小和加载时间。
微信小程序wx.getImageInfo()如何获取图片信息
08-28
微信小程序wx.getImageInfo()获取图片信息详解 微信小程序wx.getImageInfo()是微信小程序提供的一个获取图片信息的API，能够帮助开发者获取图片的width和height等信息。在本文中，我们将详细介绍如何使用wx....
getimageinfo php,小程序使用.getImageInfo()获取图片信息
weixin_36214783的博客
03-16 937
这次给大家带来小程序使用.getImageInfo()获取图片信息，小程序使用.getImageInfo()获取图片信息的注意事项有哪些，下面就是实战案例，一起来看一下。本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下一.知识点二.列子(1).加载时图片的大小：{{imgwidth}}px*{{imgheight}}pxvar app = getApp()Pag...
【uni-app】小程序使用getImageInfo和widthFix实现图片按自身尺寸展示
徐海东的博客
03-23 7242
场景：uni-app编译微信小程序图片在不设定高度宽度样式时有默认宽高（如下图），即使设置了image图片的mode属性也无法让图片按自身宽高展示。这种场景在非固定宽高的渲染网络图片时会遇到 思路：使用uni.getImageInfo方法获取图片信息宽高，然后再赋值渲染 #uni.getImageInfo(OBJECT) OBJECT 参数说明 参数名 类型 必填 说明 src String 是 图片的路径，可以是相对路径，临时文件路径，存储文件路
uniapp 开发一些实际经验
坐等夕阳落time的博客
07-20 1270
返回 res.path 就是我们drawImage的图片地址了（getImageInfo用static地址是错误路径的（分包），所以最好是网络地址）statusBarHeight: uni.getSystemInfoSync().statusBarHeight // 精确度比css变量的高。下面代码只是参考，最后还是要下载插件的，因为插件里有画圆角矩形框的！drawImage无图问题：用本地图片解决跨域：H5与微信小程序。网络图片要uni.getImageInfo(OBJECT)，image 查看效果。
getImageInfo一次获取多张图片信息，怎么处理？
qinnzheng
08-28 257
可以试一下用promise来做：})})
getimageinfo php,一个全面获取图象信息的函数getImageInfo()
weixin_42316952的博客
03-16 406
一个全面获取图象信息的函数getImageInfo()时间：2006/7/19 5:41:44作者：佚名人气：26function getImageInfo($img) { //$img为图象文件绝对路径$img_info = getimagesize($img);switch ($img_info[2]) {case 1:$imgtype = "GIF";break;case 2:$imgtyp...
微信小程序调用wx.getImageInfo遇到的坑解决
10-15
`wx.getImageInfo`是微信小程序提供的一个API，用于获取图片的元信息，如宽度、高度等，这对于实现如图片预览、缩放等功能至关重要。 首先，我们来看一下分享参数的传递方式。在微信小程序中，如果需要在分享后在新...
微信小程序：图片拼图小程序源码
05-28
这款"图片拼图小程序源码"是一个专门用于创建图片拼接和图形模板编辑的应用程序，适合那些对图像处理有兴趣或者需要在微信平台上提供此类服务的用户。 首先，我们要了解小程序的基本构成。微信小程序由WXML（WeiXin...
uniapp 的uni.getImageInfo接口API 获取失败
Future1994的博客
06-16 3329
原因：如果你的图片很小，一般小于10kb,小程序会自动把你的图片转换成base64位，呢么就会导致你使用uni.getImageInfo接口报错，所以上面列出了，取消此功能的方法，这样就可以正常使用了，但是缺点是请求个数变多。
使用uni-app实现海报图片分享以及getImageInfo:fail download image fail解决
qq_41687299的博客
05-24 4851
参考链接：https://developers.weixin.qq.com/community/develop/article/doc/000a60125f4cc85356b8bf2bd5bc13 https://www.jianshu.com/p/7dd6b068c233 后期整理
uni.getImageInfo在小程序中不能使用的解决方案
weixin_52934055的博客
07-06 2492
uni.uploadFile上传网络图片到自己的服务器时,使用uni.getImageInfo在uniapp中正常使用没有问题,但是打包到小程序中就无法使用,如果使用的是网络路径的图片就会一直显示在加载中,无法上传.我们转换一下思路将网络图片的资源下载到本地在进行上传即可正常上传.......
详解 - 解决微信小程序分享功能图片比例问题 - 全局分享
qq_52021866的博客
03-24 1519
详解 - 解决微信小程序分享功能图片比例问题 - 全局分享
微信小程序- - - - 获取图片报错 getImageInfo:fail
Dark_programmer的博客
09-19 5299
getImageInfo:fail
微信小程序保存图片到相册；uni-app小程序保存网络图片到相册；小程序保存图片到相册拒绝授权后重新拉起授权；保存图片到系统相册；小程序保存图片测试可以，真机保存图片失败
i_am_a_div的博客
10-11 1383
参考：小程序后台设置域名
微信小程序怎么通过图片链接获取图片宽高比(适合在下载图片前获取宽高比)
T3165919332的博客
09-14 2120
getImageInfo 需要在服务器域名配置白名单,否则无法获取非本地图片信息。getImageInfo 是一个异步API,它会去下载图片并获取到图片的宽高信息。2. 在 success 回调中可以拿到 width 和 height。3. 将 width 除以 height 即可计算出宽高比 ratio。- 如果是用于展示图片,建议在下载前计算宽高比,以决定图片的展示尺寸。1. 通过 wx.getImageInfo 获取图片宽高。- ratio 越大表示图片越宽,越小则表示图片越长。
wx.getImageInfo(Object object)获取图片信息
csdn__cx的博客
01-26 7170
微信小程序第一周总结 总结人：陈曦 wx.getImageInfo(Object object)获取图片信息 在小程序/小游戏中使用网络相关的 API 时，每个微信小程序需要事先设置一个通讯域名，小程序只可以跟指定的域名与进行网络通信。包括普通 HTTPS 请求（wx.request）、上传文件（wx.uploadFile）、下载文件（wx.downloadFile) 和 WebSocket 通信...
uniapp打包为app图片加载慢问题
weixin_55885680的博客
08-09 852
最近有一个绘画功能，实现之后将其打包为app时发现图片在app加载很慢，找了很多办法终于还是解决了，不过还是处理不了第一次进入时会加载。最后在页面使用直接使用就好了。
在微信公众平台 设置小程序域名白名单
最新发布
weixin_45966674的博客
09-25 8089
然后 下拉找到 服务器域名 点击 修改 按钮。这里特别声明一下此操作必须是企业账号创建的小程序。在 request合法域名 后面添加即可。然后扫描二维码 登录自己需要操作的小程序。然后 在左侧菜单中选择开发下的 开发管理。然后会需要你扫个二维码做个身份验证。首先 我们打开微信公众平台。大体格式就是 域名;然后在这里选择 开发设置。
微信小程序 wx.getImageInfo ，说明一下这个函数
05-25
`wx.getImageInfo` 是一个微信小程序 API，用于获取本地或远程图片的信息，包括图片宽度、高度、文件大小等。该 API 支持获取网络图片和本地图片。 使用方法如下： ```javascript wx.getImageInfo({ src: '图片路径', success: function (res) { console.log(res.width) console.log(res.height) console.log(res.path) console.log(res.type) console.log(res.size) } }) ``` 其中 `src` 参数可以是本地文件路径或远程文件地址。如果获取网络图片信息，需要小程序在 `app.json` 文件中配置 `downloadFile` 权限。 当图片信息获取成功时，`success` 回调函数会返回一个包含图片信息的对象 `res`，其中 `res.width` 和 `res.height` 分别表示图片的宽度和高度，`res.path` 表示图片的本地临时路径，`res.type` 表示图片的格式，`res.size` 表示图片的文件大小。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值