微信企业号 JS-SDK:上传图片
2017-01-11 17:32
351 查看
微信的JS-SDK提供了微信客户端相关的功能,如:拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫等微信特有的能力,为微信用户提供更优质的网页体验。这里将会介绍如何通过调用JS-SDK接口从手机摄像头或相册内上传图片。
2. 代码示例
说明:想使用具体的操作都要在操作之前申请相关JS-SDK权限,这里将要申请图像接口。
说明:在这一步中微信客户端只是选中了手机中的图片并且没有上传到微信服务器,每一个选中的图片都会生成个localId。
说明:上传localId到微信服务器,成功后返回每个图片的serverId。
说明:业务服务器根据得到的serverId(media_id)请求微信服务器获取图片并存储到本地。
![](https://images2015.cnblogs.com/blog/153475/201701/153475-20170111170950822-1407128859.png)
![](https://images2015.cnblogs.com/blog/153475/201701/153475-20170111134714697-183059793.gif)
End
移动端开发文章导航
菜单加载中...
目录
1. 介绍2. 代码示例
1. 介绍
1.1 流程说明
首先看下整个Demo的流程:①微信客户端访问页面
②获取JS-SDK中的相关权限
API:http://qydev.weixin.qq.com/wiki/index.php?title=微信JS-SDK接口说明:想使用具体的操作都要在操作之前申请相关JS-SDK权限,这里将要申请图像接口。
③微信客户端选择图片
API:JS-SDK 图像接口:从手机选择图片说明:在这一步中微信客户端只是选中了手机中的图片并且没有上传到微信服务器,每一个选中的图片都会生成个localId。
④上传图片到微信服务器获取serverId
API:JS-SDK 图像接口:上传图片到微信服务器说明:上传localId到微信服务器,成功后返回每个图片的serverId。
⑤页面存储此serverId并提交到业务服务器
说明:页面存储上一步图片serverId并提交到业务服务器。⑥业务服务器根据serverId获取从微信服务器获取指定图片
API:http://qydev.weixin.qq.com/wiki/index.php?title=获取临时素材文件说明:业务服务器根据得到的serverId(media_id)请求微信服务器获取图片并存储到本地。
1.2 流程图
![](https://images2015.cnblogs.com/blog/153475/201701/153475-20170111170950822-1407128859.png)
2.代码示例
2.1 前端HTML页面
在页面加载完毕后会请求获取JS-SDK的图像接口:window.addEventListener('load', function() { // reg wxconfig Ak.Http.get({ url: '/WeChat/ImageTest/GetImageJsSdk', params: { url: location.href.split('#')[0] // 要包含 code=XXXX&state 等信息 }, isHideLoading: true, successCallback: function(res) { wx.config(res.data); } }); });
2.2 运行图
![](https://images2015.cnblogs.com/blog/153475/201701/153475-20170111134714697-183059793.gif)
2.3 Demo下载
下载地址:http://files.cnblogs.com/files/polk6/WeChat.QYH.zipEnd
移动端开发文章导航
菜单加载中...
相关文章推荐
- 微信企业号 JS-SDK:上传图片
- NET/C# 微信企业号 JS-SDK:上传图片
- config:invalid url donmain 微信 config:invalid url donmain解决办法,微信上传图片,js-sdk
- 利用微信js-sdk上传图片,在安卓下无反应,在ios下报miss miss argument的错
- ThinkPHP微信实例——JSSDK图像接口多张图片上传下载并将图片流写入本地
- 【原创】.Net 微信 JS-SDK图片、语音上传接口的实现(MVC)-(一 、上传图片)
- 后台下载微信js sdk上传的图片
- ThinkPHP微信开发实例——JSSDK图像接口上传下载并将图片流写入本地
- 微信公众号开发《四》使用微信JS-SDK实现手机图片上传,支持压缩、预览。并下载图片到自身服务器
- 微信js-sdk上传与下载图片接口用法示例
- 微信js-sdk图片接口实现一键上传.md
- 七牛云:ckeditor JS SDK 结合 C#实现多图片上传。
- 微信JS-SDK加载验证流程和手机图片上传
- 微信js sdk上传多张图片
- 调用微信JS-SDK上传图片爬坑之路
- ***七牛跨域上传图片JS SDK
- 微信js-sdk,选择图片,上传,下载到本地,php服务端
- 微信js-sdk,选择图片,上传,下载到本地,php服务端
- 微信js-sdk图片上传下载——java完整流程
- 调用微信JS-SDK接口上传图片