美文网首页
微信上传图片功能

微信上传图片功能

作者: Amy_39de | 来源:发表于2019-07-23 13:45 被阅读0次

步骤一:绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。--需微信团队配合

备注:登录后可在“开发者中心”查看对应的接口权限。

步骤二:引入JS文件

步骤三:通过config接口注入权限验证配置(以下信息由SCM调用微应用API获取)

wx.config({

debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

appId: '', // 必填,公众号的唯一标识 --需后台提供

timestamp: , // 必填,生成签名的时间戳 --需后台提供

nonceStr: '', // 必填,生成签名的随机串 --需后台提供

signature: '',// 必填,签名 --需后台提供

jsApiList: [] // 必填,需要使用的JS接口列表

});

参考文档- JS-SDK使用权限签名算法

 // https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

步骤四:上传图片接口

拍照或从手机相册中选图接口 // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片

上传图片接口 // 入参:上传的图片的本地ID,出参:返回图片的服务器端ID 备注:上传图片有效期3天,可用微信多媒体接口下载图片到自己的服务器,此处获得的 serverId 即 media_id

下载图片到自己的服务器 //https://blog.csdn.net/eieiei438/article/details/82253234--需后台提供

注意事项

react ,ios调用微信的js-sdk,总是失败(签名无效)

https://www.jianshu.com/p/3e7e0a08b498?utm_campaign=haruki&utm_content=note&utm_medium=reader_share&utm_source=weixin&from=groupmessage&isappinstalled=0

相关文章

网友评论

      本文标题:微信上传图片功能

      本文链接:https://www.haomeiwen.com/subject/ishokctx.html