uniapp 的uni.getImageInfo接口API 获取失败

已于 2023-06-16 16:21:34 修改
阅读量2.6k 收藏
点赞数
分类专栏： 前端 文章标签： uni-app
于 2023-06-16 15:38:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/future1994/article/details/131248150
版权

 原因：如果你的图片很小，一般小于10kb,小程序会自动把你的图片转换成base64位，呢么就会导致你使用uni.getImageInfo接口报错，所以下面列出了，取消此功能的方法，这样就可以正常使用了。

解决方法一： 

取消uniapp(微信小程序)的小图片自动转换base64功能，但是缺点是图片请求个数增多，提升了网络请求的个数

解决方法二：

这种方式更大的可能是你习惯姓使用了require包裹url，在vue项目中我们经常使用此方法，但是这种方法相当于强制让webpack打包工具对此图片进行了处理，呢么如果图片较小的话一定会转化成base64，所以考虑去掉require

 何时使用require对图片进行处理，何时不需要，需要考虑实际情况，不能盲目使用

vue中动态引入图片为什么要是require， 你不知道的那些事_require 引入图片_SYBH.的博客-CSDN博客

LifeFuture1994
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序调用wx.getImageInfo遇到的坑解决
01-19
这几天做到微信小程序详情页分享的功能，需要把原页面的一些参数带到分享页，然后在分享页需要获取图片的宽高等基本信息。 1.先说分享传参的方式： 在onShareAppMessage方法里面返回的path里面可以带参数传过去，具体传参的方式有两种，一种是可以传对象（需要把JSON对象stringiny）,另外一种是通过一般的参数拼接的方式一个个拼。 代码： onShareAppMessage: function (res) { let data = this.data; let shareParams = { imgSrc: data.imgInfo.src } let share
PHP下一个非常全面获取图象信息的函数
12-17
复制代码 代码如下:<?php function getimageinfo(img) { //img为图象文件绝对路径 img_info = getimagesize(img); switch (img_info[2]) { case 1: imgtype = “gif”;... //获取文件大小 new_img_info =
uni.getImageInfo在小程序中不能使用的解决方案
weixin_52934055的博客
07-06 2392
uni.uploadFile上传网络图片到自己的服务器时,使用uni.getImageInfo在uniapp中正常使用没有问题,但是打包到小程序中就无法使用,如果使用的是网络路径的图片就会一直显示在加载中,无法上传.我们转换一下思路将网络图片的资源下载到本地在进行上传即可正常上传.......
uniapp将网络图片转为base64格式存在缓存中
sk19969306105的博客
10-24 1337
在成功的uni.getImageInfo的成功的回调中使用。获取图片信息，src就是图片路径。2、之后使用了大佬的插件（,res.path就是。返回的图片的本地路径。
uniapp中uni.getImageInfo渲染页面不生效的坑
小羊的博客
12-25 9969
uniapp中uni.getImageInfo在渲染页面不生效的坑 问题 ： 写详情页(nvue页面)简介部分的时候发现那个大图片的高度不能自适应，后面的mode各种改变依然达不到想要的效果，又不能设置固定高度，所以只能js部分给它动态设置了 解决 后来发现文档中有一个获取图片信息的方法：uni.getImageInfo(OBJECT) 我想要的正是这个图片的高度 height ，然后就在页面上写了代码： 可是把imgheight渲染到页面上时，图片的高度并没有做出任何改变。 百度了一下原来u
uni-app如何生成海报图片
月落星河
07-04 4082
通过uni-app生成分享图海报，进行活动分享和转发
关于uniapp上传图片的功能实现
bigpatten的博客
01-17 6115
首先来看一个效果图，点击确定按钮将信息提交到后台。 不墨迹了，直接上代码： // 第一个image标签就是从本地上传的图片 // 第二个image标签是用来显示默认图片的 <view class="receiving"> <text>微信收款码</text> <view class="money_imag_code fl-jus-sp" @tap="addImage"> <image v-if="src" :src="src" style="h
uniapp获取图片主题颜色改变导航栏
weixin_53339757的博客
03-24 1626
uniapp根据轮播图获取图片主题颜色随之改变导航栏
【uni-app】小程序使用getImageInfo和widthFix实现图片按自身尺寸展示
徐海东的博客
03-23 6885
场景：uni-app编译微信小程序图片在不设定高度宽度样式时有默认宽高（如下图），即使设置了image图片的mode属性也无法让图片按自身宽高展示。这种场景在非固定宽高的渲染网络图片时会遇到 思路：使用uni.getImageInfo方法获取图片信息宽高，然后再赋值渲染 #uni.getImageInfo(OBJECT) OBJECT 参数说明 参数名 类型 必填 说明 src String 是 图片的路径，可以是相对路径，临时文件路径，存储文件路
使用uni-app实现海报图片分享以及getImageInfo:fail download image fail解决
qq_41687299的博客
05-24 4650
参考链接：https://developers.weixin.qq.com/community/develop/article/doc/000a60125f4cc85356b8bf2bd5bc13 https://www.jianshu.com/p/7dd6b068c233 后期整理
uni小程序获取image图片长宽信息
weixin_40431771的博客
07-04 4937
引用wx.getImageInfo方法 public getImageInfo(src): any { return new Promise((resolve, reject) => { wx.getImageInfo({ src: src, success: (res) => { resolve(res); }, fail: (err) => { rejec
微信小程序wx.getImageInfo()如何获取图片信息
08-28
主要为大家详细介绍了微信小程序wx.getImageInfo()如何获取图片信息，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
详解canvas drawImage()方法绘制图片不显示的问题
01-19
canvas有个很强大的api是drawImage()（w3c）： 他的主要功能就是绘制图片、视频，甚至其他画布等。 问题： 慕名赶来,却一脚踩空,低头一看,地上一个大坑。 事情是这样的,在我看完w3c的介绍和很有说服力和教学力的demo后,本着实践出真知的思想决定上手一试,这一试不要紧~ 我按照流水线工程铺设以下几点基本工作: 1. canvas标签+id 2. 获取canvas+设置宽高 var cav1 = document.getElementById('canvas1'), wWidth = 800,
微信小程序通过保存图片分享到朋友圈功能
12-11
说明 首先说明一点，小程序内是不能直接分享到朋友圈的。...注意一定要仔细看下微信的文档，如果生成小程序码的路径正式服务器不存在，将会生成失败。这点也很蛋疼，很不方便调试。 wx.getImageInfo({ src:
微信小程序图片裁剪 we-cropper使用
07-21
微信小程序 图片裁剪 upload 为裁剪page页面 we-cropper 为 官方库 使用： wx.chooseImage({ count: 1, sizeType: ['compressed'], sourceType: ['album', 'camera'], success: function(res) { ...
上传媒资文件至视频点播(aliyun-sdk-vod-upload) .zip
01-01
* 注：图片上传完成后，会返回图片ID和图片地址，也可通过GetImageInfo查询图片信息，参见接口文档 https://help.aliyun.com/document_detail/89742.html * * * 三、m3u8文件上传目前支持2种方式： * 1.上传...
微信小程序之html5 canvas绘图并保存到系统相册
11-21
一、封装通用微信api返回为Promise对象 /datas/common.js // 封装获取微信图片信息。 export const getWxImageInfo = (imgPath) => { return new Promise((resolve, reject) => { wx.getImageInfo({
详解基于mpvue微信小程序下载远程图片到本地解决思路
01-03
获取图片远程地址数组–>遍历拿到图片缓存（临时地址）(wx.getImageInfo)–>保存缓存图片到本地（wx.saveImageToPhotosAlbum） 完整代码 子组件代码逻辑 //子组件download-file.vue <div></div> </template>
uniapp 获取图片的base64编码
最新发布
01-20
在uniapp中获取图片的base64编码可以使用`uni.getImageInfo`和`uni.getFileSystemManager`两个API来实现。具体步骤如下： 1. 使用`uni.getImageInfo`获取图片的本地路径。 2. 使用`uni.getFileSystemManager`读取图片文件，并将其转换为base64编码。 以下是一个示例代码： ```javascript uni.getImageInfo({ src: '图片路径', success: function(res) { uni.getFileSystemManager().readFile({ filePath: res.path, encoding: 'base64', success: function(data) { console.log(data.data); // 输出图片的base64编码 }, fail: function(error) { console.log(error); } }); }, fail: function(error) { console.log(error); } }); ``` 请注意，你需要将`图片路径`替换为你要获取base64编码的图片路径。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值