微信小程序怎么通过图片链接获取图片宽高比(适合在下载图片前获取宽高比)

这篇具有很好参考价值的文章主要介绍了微信小程序怎么通过图片链接获取图片宽高比(适合在下载图片前获取宽高比)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在微信小程序中,可以通过 wx.getImageInfo 来获取图片链接的宽高信息:

js
wx.getImageInfo({
  src: '图片链接',
  success: res => {
    console.log(res.width, res.height)

    // 计算宽高比
    const ratio = res.width / res.height
  } 
})

getImageInfo 是一个异步API,它会去下载图片并获取到图片的宽高信息。

主要步骤:

1. 通过 wx.getImageInfo 获取图片宽高
2. 在 success 回调中可以拿到 width 和 height
3. 将 width 除以 height 即可计算出宽高比 ratio

注意:

- getImageInfo 需要在服务器域名配置白名单,否则无法获取非本地图片信息
- ratio 越大表示图片越宽,越小则表示图片越长
- 如果是用于展示图片,建议在下载前计算宽高比,以决定图片的展示尺寸文章来源地址https://www.toymoban.com/news/detail-773122.html

到了这里,关于微信小程序怎么通过图片链接获取图片宽高比(适合在下载图片前获取宽高比)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序——图片的加载与获取手机内部的图片

    关于将手机里的图片放在上传到小程序,在小程序里这种方法并不陌生,甚至大多数小程序都附带有这种功能,那么这种功能是怎么实现的呢,一起来看看吧!!! 1.本地图片的加载 例如:本地路径:/pages/images/1.png 然后在wxss中设置自己需要的样式即可  关于mode的其他详情

    2024年02月04日
    浏览(29)
  • 微信小程序 通过获取地理位置查看天气

      1.在app.json中写入 2.申请和风天气APIKEY 和风天气开发平台 ~ 高效强大的天气API,天气SDK和天气插件 3.在js文件中设置变量 4.获取天气代码  5.根据坐标获取城市  6.获取天气情况   结束啦。

    2024年02月09日
    浏览(39)
  • 【微信小程序】通过云函数获取用户openid

    1.pages同级目录下新建新文件夹,命名为cloudFunctions(其他名字也可以)。 2.project.config.json中添加以下内容,值为上一步创建的文件夹名字。编译一次后上一步创建的文件夹前图标就带“云”了。 3.app.js内的App中添加 1.右击cloudFunctions文件夹,点击【新建Node.js云函数】,命名为

    2024年02月10日
    浏览(37)
  • 微信小程序之获取定位数据以及通过坐标获取详细地址数据

     博主介绍: 本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮

    2024年02月06日
    浏览(42)
  • 微信小程序- - - - 获取图片报错 getImageInfo:fail

    在实现瀑布流效果时,肯定要需要获取图片的高度数据。微信很人性化的提供了一个API wx.getImageInfo({}) 戳一戳 = 官方地址 注意: 官方代码: 我在使用中遇到如下报错: getImageInfo:fail downlo\\\"getImageInfo:fail download image fail. reason: downloadFile:fail createDownloadTask:fail exceed max download conn

    2024年02月11日
    浏览(25)
  • 微信小程序获取后台返回的二进制图片

    获取后台返回的二进制图片需要先使用wx.request方法发起网络请求获取图片数据,然后将返回的数据用wx.arrayBufferToBase64方法进行转换,最后将转换后的数据绑定到图片的src属性即可。 参考代码如下 其中,url为后台返回的图片地址,responseType为返回的数据类型为二进制数组。在

    2024年02月10日
    浏览(39)
  • uniapp 微信小程序获取当前位置定位不准确问题 uniapp 微信小程序获取当前位置的坐标(经纬度),通过坐标去获取当前具体地址

    点击获取定位-位置授权-显示地址信息 1 2、 3、 以下3处(!!!必需)必须满足 manifest.json(!!!必需)

    2024年02月08日
    浏览(46)
  • 微信小程序通过createSelectorQuery获取元素 高度,宽度与界面距离

    小程序官方有提供给我们一个 const query = wx.createSelectorQuery() 函数 我们可以先编写这样一段代码 wxml 这里 我们定义了 多块 view 都用 行内样式设置了它的 高度和宽度 js编写代码如下 我们运行代码 并点击按钮 点击查看 这里 我们获取了所有 类名中包含 textIn 的元素 并输出 这里

    2024年02月05日
    浏览(42)
  • Taro:微信小程序通过获取手机号实现一键登录

            本文介绍如果通过微信小程序的getPhoneNumber方法获取用户微信绑定的手机号并自动注册登录。 1、按钮类型 openType 指定 \\\"getPhoneNumber\\\"   2、@getphonenumber必须全部小写 code:手机号获取凭证:动态令牌。可通过动态令牌换取用户手机号。         后台根据前端传入

    2024年02月16日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包