微信jsapi上传下载图片功能实现(5)
2016-10-11 11:04
681 查看
@V型知识库原创
更多教程
上述表格中的四个参数是初始化调用微信jsapi的凭证,咱们在前几节已经反复说明如何使用了,在这里就不在贴出如何生成上述四个参数了,不懂得初学者点击链接http://www.vxzsk.com/79.html查看。
完整的jsp代码如下:
1,上述代码html按钮代码功能已经描述的很清楚了,每点击一个按钮触发一个js功能函数。
2、点击上传图片按钮之前首先要点击选择图片按钮功能,上传图片成功后会返回serverid,所以本人认为这里非常梗,调用微信jsapi上传接口,我的图片到底上传到哪里去了呢?实际上我们把图片上传到微信服务器上了也就是临时素材里面去了,可登陆微信官方管理平台查看,你也可以调用微信临时素材接口获取图片。
3、通过以上代码,我们就已经把图片上传到微信服务器了,但是我们上传到微信服务器的图片只能保存3天,所以上传完之后我们要把图片下载到我们的本地服务器,这里用到微信下载多媒体接口http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=ACCESS_TOKEN&media_id=MEDIA_ID 其中media_id就是我们上面的serverId ,所以我们就可以把图片下载到本地了,代码如下
效果图如下:
选择图片弹出的图片详情
上传成功后返回的serverId
更多教程
参数 | 描述 |
appId | 公众号的唯一标识 应用id |
timestamp | 生成签名的时间戳 |
nonceStr | 生成签名的随机串 |
signature | 签名 |
完整的jsp代码如下:
2、点击上传图片按钮之前首先要点击选择图片按钮功能,上传图片成功后会返回serverid,所以本人认为这里非常梗,调用微信jsapi上传接口,我的图片到底上传到哪里去了呢?实际上我们把图片上传到微信服务器上了也就是临时素材里面去了,可登陆微信官方管理平台查看,你也可以调用微信临时素材接口获取图片。
3、通过以上代码,我们就已经把图片上传到微信服务器了,但是我们上传到微信服务器的图片只能保存3天,所以上传完之后我们要把图片下载到我们的本地服务器,这里用到微信下载多媒体接口http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=ACCESS_TOKEN&media_id=MEDIA_ID 其中media_id就是我们上面的serverId ,所以我们就可以把图片下载到本地了,代码如下
选择图片弹出的图片详情
上传成功后返回的serverId
相关文章推荐
- Android中使用GridView实现仿微信图片上传功能(附源代码)
- 微信公众号开发《四》使用微信JS-SDK实现手机图片上传,支持压缩、预览。并下载图片到自身服务器
- Android开发:仿微信和QQ空间发说说相册读取、拍照、图片裁剪和图片上传服务器等功能的实现
- 微信jsapi开发教程之微信jsapi选择图片,上传图片,预览和下载图片(第六课)
- fastdfs 新添加一个项目的图片目录 实现独立的上传下载功能
- 微信小程序实现图片上传功能
- 微信JS图片上传与下载功能--微信JS系列文章(三)
- 微信小程序实现上传图片功能
- 微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
- php+ajax实现带进度条的上传图片功能【附demo源码下载】
- 用MVC实现简单的文件(图片)上传下载功能
- Android编程实现图片的上传和下载功能示例
- 微信 java 实现js-sdk 图片上传下载完整流程
- .Net Core实现图片文件上传下载功能
- 微信公共服务平台开发(.Net 的实现)8-------处理图片(上传下载发送)
- ASP.NET MVC应用程序实现下载功能和显示上传的图片
- 微信jsapi开发教程之微信jsapi选择图片,上传图片,预览和下载图片(第六课)
- 微信小程序实现图片上传、删除和预览功能的方法
- [转]微信小程序实现图片上传功能