微信公众号前端-上传图片小记

最新推荐文章于 2023-02-15 13:54:38 发布

Veranew

最新推荐文章于 2023-02-15 13:54:38 发布

阅读量597

点赞数

分类专栏： javaScript 微信公众号文章标签：微信上传图片 js

本文链接：https://blog.csdn.net/Veranew/article/details/103309897

版权

需求和流程

选择之前都是默认信息，包括资质名称和默认图片。
选择之后，显示用户选择的职称和图片，图片右上角×出现
点击提交，弹窗显示提交成功
点击×号，清除图片src，和serverId（我就是忘了清除serverId，导致用户点击×号还可以提交，然后我们后台显示的就是空图片···）
点击×号提交之后因为没有serverId，所以提醒用户重新上传图片

话不多说，先来源代码

//微信上传图片
// 思路：
// 研究微信jssdk开发文档
// 微信要求：通过config接口注入权限验证配置
// 先发送请求，获取到后台给的appId、timestamp、nonceStr、signature数据
// 然后在请求成功的回调里面注入权限验证配置
var wxUrl = HOST + "/Register/GetWXInfo";
$.ajax({
   
 method: "GET",
 url: wxUrl,
 dataType: "json",
 success: function(res) {
   
   console.log(res);