微信小程序第一周总结
总结人:陈曦
wx.getImageInfo(Object object)获取图片信息

在小程序/小游戏中使用网络相关的 API 时,每个微信小程序需要事先设置一个通讯域名,小程序只可以跟指定的域名与进行网络通信。包括普通 HTTPS 请求(wx.request)、上传文件(wx.uploadFile)、下载文件(wx.downloadFile) 和 WebSocket 通信(wx.connectSocket)。这里是下载图片的请求,所以需要对wx.downloadFile进行配置。

1.进入开发者后台,点击开发设置,进行相应服务器配置。

如果在配置前项目已经完成编译,就会报以下错误,

这时完成配置后需要清除缓存,点击工具-清除-全部清除。再次编译后,打开项目详情,可以看到此域名已成为合法域名。

可通过wx.getImageInfo(Object object)获取图片信息。
Index.js文件代码如下:
const app = getApp()

Page({
data: {
src: ‘https://mmbiz.qpic.cn/mmbiz_png/icTdbqWNOwNTTiaKet81gQJDXYnPiaJFSzRlp9frTTX2hSN01xhiackVLHHrG7ZQI3XQsbM7Gr9USZdN4f26SO5xjg/0?wx_fmt=png’,
info: ‘’,
},
getImageInfo() {
wx.getImageInfo({
src: this.data.src,
complete: (res) => {
this.setData({
info: this.format(res)
})
}
})
},
format(obj) {
return ‘{\n’ +
Object.keys(obj).map(function (key) { return ’ ’ + key + ‘: ’ + obj[key] + ‘,’ }).join(’\n’) + ‘\n’ +
‘}’
}
})

效果图如下:

wx.getImageInfo(Object object)获取图片信息相关推荐

  1. 微信小程序wx.getImageInfo()获取图片信息

    一.知识点 二.列子 (1).加载时 <view class="zn-uploadimg"> <image src="{{tempFilePaths}} ...

  2. 微信小程序拍照上传图片wx.getImageInfo()获取图片信息

    (1).加载时 <view class="zn-uploadimg"> <image src="{{tempFilePaths}}" mode ...

  3. 微信小程序----使用微信内置地图查看位置wx.openLocation(Object object)

    本博客为博主原创,若需转载请联系博主征得同意.有不当之处,敬请指出,共同进步,谢谢! 使用微信内置地图查看位置wx.openLocation(Object object) 1.官方文档 wx.open ...

  4. $ajax 获取返回值object,来自.ajax()调用的数据的jQuery .find()返回“ [object Object]”,而不是di...

    来自.ajax()调用的数据的jQuery .find()返回" [object Object]",而不是di 尝试使用.find()从.ajax()返回的数据中查找具有id=&q ...

  5. 微信小程序:常用功能6——点击图片,实现图片的预览功能wx.previewImage(Object object, boolean showmenu)

    向用户展示图片时,为了展现布局的美观性,往往不同尺寸的图片要放在相同大小的容器中. 但是图片想让用户看清.或者保存时,我们就要进行图片的预览,像用户展示原图. 图片预览接口:wx.previewIma ...

  6. 微信小程序头像用wx.getImageInfo获取失败

    <button open-type="getUserInfo" lang="zh_CN" @getuserinfo="onGotUserInfo ...

  7. 微信小程序踩坑:wx.openDocument(Object object)打不开文件

    官网: wx.openDocument(Object object) | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev ...

  8. 【自动化测试】Postman工具,Tests中获取response返回值错误的问题,显示为[object Object]

    前言 记录下学习自动化过程中,遇到的一些问题,也希望自己能够坚持下去,小海加油冲呀,第一篇博客,不好之处请多海涵,笔芯! 一.问题出现背景 自动化测试需要,要求编写test,获取postman的返回值 ...

  9. 微信小程序App(Object object)

    微信小程序App(Object object) 注册小程序.接受一个 Object 参数,其指定小程序的生命周期回调等. App() 必须在 app.js 中调用,必须调用且只能调用一次.不然会出现无 ...

  10. legend2---开发日志13(layer_mobile的content传入dom 出现【object object】如何解决)

    legend2---开发日志13(layer_mobile的content传入dom 出现[object object]如何解决) 一.总结 一句话总结: layer_mobile.content只能 ...

最新文章

  1. Selenium2+python自动化25-js处理日历控件(修改readonly属性)
  2. gelera mysql_基于Galera的MySQL高可用集群
  3. 使用Hive或Impala执行SQL语句,对存储在HBase中的数据操作
  4. 如何读懂并写出装逼的函数式代码 1
  5. Web Template Studio 发布!在 VS Code 中轻松创建 Web 应用
  6. a20隐藏底部按钮及隐藏状态栏和虚拟按键栏
  7. 战斗系统的伪原创工具
  8. Linux篇 | 用户、组和权限(一)
  9. java 轻量级 编辑器_Java相关概念汇总
  10. python零基础入门五小时教学_五小时轻松入门Python
  11. 从二元函数的泰勒展开到应用Hessian矩阵检测边缘
  12. GB与CE标准对照表-转载
  13. coreldraw x7对齐快捷键_CDR基础CorelDraw X7中文版快捷键大全
  14. uva 10246 - Asterix and Obelix(最短路)
  15. 新生研讨课有感——陈睿周
  16. python opencv 显示图片 灰度图片 合并图片 保存图片 纵向合并
  17. 移动端rem字体大小适配
  18. C# 实现xls类型转换为xlsx类型
  19. 将秒换成 小时,分钟,秒
  20. [paper]Feature Squeezing: Detecting Adversarial Examples in Deep Neural Networks

热门文章

  1. 网络适配器黄色感叹号,无线网连接消失
  2. Winfrom 桌面弹窗拦截 关闭进程简易程序 源代码下载
  3. 含泪整理最优质马壁纸素材,你想要的这里都有
  4. 猜数游戏--python(设定猜测次数)
  5. oracle 运行分钟,oracle 整点运行或每5分钟运行一次
  6. 酷狗外链播放器html5,WP博客制作并添加酷狗外链播放器
  7. 哪款蓝牙耳机降噪效果好?降噪效果好的蓝牙耳机排行榜
  8. adb 配置自动获取时间 使用GPS提供的时间 使用网络提供的时间
  9. 面试常见问题及应答技巧
  10. SSID,BSSID,ESSID 区别介绍