wx.config({//debug: true,

appId: '@ViewBag.AppId',

timestamp:'@ViewBag.Timestamp',

nonceStr:'@ViewBag.NonceStr',

signature:'@ViewBag.Signature',

jsApiList: ['chooseImage','previewImage','uploadImage','downloadImage']

});

wx.ready(function () {//5 图片接口//5.1 拍照、本地选图

var images ={

localId: [],

serverId: []

};

document.querySelector('#btnAddImage').onclick =function () {

wx.chooseImage({

count:3, //默认9,设置可以同时上传的图片数量

sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有

sourceType: ['album', 'camera'], //可以指定来源是相册还是相机,默认二者都有

success: function (res) {

images.localId=res.localIds;//alert('已选择 ' + res.localIds.length + ' 张图片');

var i = 0, length =images.localId.length;

images.serverId=[];

function upload() {

wx.uploadImage({

localId: images.localId[i],

success: function (res) {

i++;//alert('已上传:' + i + '/' + length);

images.serverId.push(res.serverId);//TODO: res.serverId 就是 media_id,根据它去微信服务器读取图片数据:自定义上传到自己服务器

var imageJson = $("#hdImageJson").val();

$.ajax({

type:'post',

url:'/Common/AddImage',async: false,

data: {

media_id: res.serverId,

imageJson: imageJson,

folderName:"MutualHelp"},

success: function (data) {if (data.ImageUrl != '') {//返回 图片在我们自己的服务器的url

var img = "";

$("#imgList").append(img);

$("#hdImageJson").val(data.ImageJson);

}

},

error: function (err) {

}

})if (i

upload();

}

},

fail: function (res) {

alert(JSON.stringify(res));

}

});

}

upload();

}

});

};

});

微信mvc上传图片到服务器,.net mvc 使用盛派Senparc.Weixin 上传图片接口相关推荐

  1. .net mvc 使用盛派Senparc.Weixin 上传图片接口

    首先获取微信签名,Controller代码: public ActionResult MutualHelpAdd(){var jssdkUiPackage = JSSDKHelper.GetJsSdk ...

  2. 使用盛派Senparc SDK微信开发

    毕业后一直在写Web,主要写微信端现在所用盛派的SDK开发效率挺快的推荐一下. Senaprc.Weixin SDK 是目前使用率最高的微信 .NET SDK,也是最受欢迎的 .NET 开源项目之一. ...

  3. 前端怎么做接口签名验证 -baijiahao_微信H5介绍:Razor+Mvc+盛派微信接口

    01 微信H5 介绍 介绍一个.NET Mvc下开发微信H5的案例,这个是2年前找了一个封装比较简洁友好的一个Demo,开发环境是Razor+mvc+盛派接口,当然前提是你首先要熟悉微信开放平台以及微 ...

  4. [原创][下载]Senparc.Weixin.MP-微信公众平台SDK(C#) - 已支持微信6.x API

    因为正在计划做一个微信机器人,需要用ASP.NET,找了一下只有PHP的SDK,没有C#的,于是动手写了一个,已经全面支持微信6.x所有接口,包括多客服.卡券.微信支付等. 微信公众平台地址:http ...

  5. 公众号开发(2) —— 盛派.net SDK + vue搭建微信公众号网页开发框架

    需求:通过微信公众号菜单跳转到手机端网页,跳转后通过微信授权登录获取微信公众号用户的OpenId(用户关注公众号后,用户在公众号的唯一凭证),通过OpenId和后台数据库用户信息绑定起来并实现一些业务 ...

  6. Senparc.Weixin.MP SDK 微信公众平台开发教程(十六):AccessToken自动管理机制

    在<Senparc.Weixin.MP SDK 微信公众平台开发教程(八):通用接口说明>中,我介绍了获取AccessToken(通用接口)的方法. 在实际的开发过程中,所有的高级接口都需 ...

  7. Senparc.Weixin.MP SDK 微信公众平台开发教程(二十二):如何安装 Nuget(dll) 后使用项目源代码调试...

    最近碰到开发者问:我使用 nuget 安装了 Senparc.Weixin SDK,但是有一些已经封装好的过程想要调试,我又不想直接附加源代码项目,这样就没有办法同步更新了,我应该怎么办? 这其实是一 ...

  8. Senparc.Weixin.MP SDK 微信公众平台开发教程(十八):Web代理功能

    在Senparc.Weixin.dll v4.5.7版本开始,我们提供了Web代理功能,以方便在受限制的局域网内的应用可以顺利调用接口. 有关的修改都在Senparc.Weixin/Utilities ...

  9. Senparc.Weixin.MP SDK 微信公众平台开发教程(六):了解MessageHandler

    原文地址为: Senparc.Weixin.MP SDK 微信公众平台开发教程(六):了解MessageHandler 上一篇<Senparc.Weixin.MP SDK 微信公众平台开发教程( ...

最新文章

  1. es安装的时候遇到的所有的坑
  2. LeetCode 230. Kth Smallest Element in a BST--C++,Python解法--面试真题--找二叉树中第K小的元素
  3. 为什么交叉熵和KL散度在作为损失函数时是近似相等的
  4. 你也可以设计简单的内容管理系统
  5. Anaconda 镜像使用帮助
  6. linux-squirrel
  7. 舞伴配对问题java_舞伴配对问题
  8. python get方法请求参数_如何解决TypeError get()在使用get方法的Python请求中恰好接受2个参数(给定3个)...
  9. 华为云牵手同舟共济伙伴 持续发力构建云核心生态圈
  10. aix oracle监听配置_Oracle数据库03用户权限与数据库的连接
  11. Jordan Elman Neural Networks
  12. Windows Azure VM Role (2) 创建VHDVHD
  13. Python中TypeError: ‘str‘ object is not callable
  14. 【MySQL】时间格式转换 DATE_FORMAT函数篇
  15. 给pdf添加导航目录
  16. 1076: 三位数求解-python
  17. 如何快速提升 Flutter App 中的动画性能
  18. 企业、商家、门店多行业线上线下电商小程序
  19. 木头机器人变魔方_【转】一个木头魔方的制作过程
  20. Incorrect result size: expected 1, actual 2

热门文章

  1. 这是一份让你工资翻倍的涨薪计划!
  2. 游戏 归纳+举例的分析方式
  3. OSChina 周五乱弹 —— 坑坑小伙伴大合集
  4. 纳比尔·海特:关于科技领域的投资正在减少
  5. 和平精英android怎么写符号,《和平精英》名字特殊符号如何添加 特殊符号取名教程...
  6. python爬取王者_python爬取王者荣耀APP英雄皮肤-Go语言中文社区
  7. Angular4.0_路由守卫
  8. 【破解教程】PE文件格式详解(上)
  9. android 修改器的实现,[分享]dump烧饼修改器的实现代码
  10. 数据分析,化解2017年焦虑的最后一课