tnblog
首页
视频
资源
登录

微信JSSDK使用图像接口

7728人阅读 2020/4/2 11:30 总访问:311045 评论:0 收藏:0 手机
分类: .NET


1,拍照或从手机相册中选图接口


调用接口之前需通过config接口注入权限验证配置


注入详情查看上一篇 https://www.tnblog.net/15736469932/article/details/3428

拍照或从手机相册中选图接口

wx.chooseImage({
  count: 1, // 默认9 上传图片数量
  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  success: function (res) {
  var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  }})

注:此接口安卓和IOS无法通过ID预览图片(官方解释安卓有时候会这样)下面会详细介绍方法 


上传图片接口

wx.uploadImage({
  localId: '', // 需要上传的图片的本地ID,由chooseImage接口获得
  isShowProgressTips: 1, // 默认为1,显示进度提示
  success: function (res) {
    var serverId = res.serverId; // 返回图片的服务器端ID
  }});

备注:上传图片有效期3天,可用微信多媒体接口下载图片到自己的服务器,此处获得的 serverId 即 media_id。

下载图片接口

wx.downloadImage({
  serverId: '', // 需要下载的图片的服务器端ID,由uploadImage接口获得
  isShowProgressTips: 1, // 默认为1,显示进度提示
  success: function (res) {
    var localId = res.localId; // 返回图片下载后的本地ID
  }});

获取本地图片接口

wx.getLocalImgData({
  localId: '', // 图片的localID
  success: function (res) {
    var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
  }});

备注:此接口仅在 iOS WKWebview 下提供,用于兼容 iOS WKWebview 不支持 localId 直接显示图片的问题。具体可参考《iOS WKWebview网页开发适配指南


 getLocalImgData 该方法官方说 接口仅在 iOS WKWebview 下提供用于兼容 iOS WKWebview 不支持 localId 直接显示图片的问题

 ,但是我们可以做成安卓和IOS通用方法

    在方法里面 getLocalImgData 判断

             if (localData.indexOf("data:image") != 0) {

              //判断是否有这样的头部

              localData = "data:image/jpeg;base64," + localData;

            }

            localData = localData.replace(/\r|\n/g, "");

            //.replace('data:image/jgp', 'data:image/jpeg'); 必要时可转


然后,localData 可以作为img标签的src属性显示图片


评价

微信交易单号和订单号的区别

一般第三方在线支付系统中都会有两类订单号transactionId 为支付系统的订单号,由支付系统生成,并在回调时传回给商户,用...

微信密码框提示下载并安装安全控件

登录微信商户平台 输入密码时 一直提示 微信密码框提示下载并安装安全控件 点击下载重复下载了很多次 依然没有用解决办...

怎样解决安卓在微信浏览器对于第三方网页的两次请求问题?

之前的项目是没有这种情况的,但是最近发现安卓手机在微信浏览器访问第三方网页时,页面点击某个按钮,写日志显示只触发了...

微信开发三 使用反射根据消息类型自动调用不同方法

微信只会向我们一个地方推送消息,如果全部逻辑都写到一起,代码会非常多。所以我们可以考虑通过消息类型,来实现不同的消...

微信开发四 接受用户普通消息与回复消息

微信接收用户普通消息的文章可以在官方中直接看微信普通消息分类:接受用户文本消息 与 回复文本信息 注意在接收用户普通...

.net 微信开发获取access_token使用缓存处理token过期

获取access_token很简单,使用httpclient发起一个请求就可以了,我们使用redis做一下缓存处理publicstaticstringGetToken()...

微信验证Token

const string Token = "你的token"; protected void Page_Load(object sender, EventArgs e) { if (Request.Ht...

微信验证Token失败解决方法

第一个为你的服务器地址第二个位你的token 可以随便输 但 需要代码的验证 验证如下 新建一个mvc项目在控制器项目写如下代码...

微信公众号服务器配置

URL:URL是开发者用来接收微信消息和事件的接口URL。(例:http:服务器外网IP/)。Token:可由开发者任意填写,用作生成签名...

微信各公众号Access_token获取(一)

接口调用请求说明https请求方式:GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=A...

微信公众号Access_token获取(二)

接口调用请求说明(可参考《微信各公众号Access_token获取(一)》)https请求方式:GET https://api.weixin.qq.com/cgi-bin/t...

微信公众开发token的获取和Redis缓存结合用

创建一个类库DTO_Token_Tools,在创建一个工具类在工具类里面写一个access_Token_Tool()方法//获取token publicstringacce...

微信各公众号自定义菜单接口学习

http请求方式:POST(请使用https协议)https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKENACCESS...

简单创建微信公众菜单

分别准备两个实体类(DTO):方便构造json对象需要用到两个引用包,没有的可以在线执行命令install-package 包名 下载using...

获取微信token使用缓存处理token过期

今天我们学习微信公众号的开发啦针对于微信公众号的开发。步骤还是有些繁琐,我们需要一步一步来。1,在百度搜索微信公众平...

获取微信token的小问题

获取access_tokenpublicstaticstringGetToken() { HttpClienthttpClient=newHttpClient(); //获取 stringrester=httpCl...
若人生只如初见,愿还是相遇的那个下午,阳光明媚转身一笑便如春暖花开
排名
16
文章
54
粉丝
7
评论
13
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术