【原创】.Net 微信 JS-SDK图片、语音上传接口的实现（MVC）-（二、上传图片服务器操作）...

最新推荐文章于 2024-08-18 19:50:47 发布

weixin_30606461

最新推荐文章于 2024-08-18 19:50:47 发布

阅读量97

点赞数

文章标签：测试 json 前端 ViewUI

原文链接：http://www.cnblogs.com/29boke/p/5503405.html

版权

上一篇文章，已经介绍过关于微信上传图片的前端JS-SDK ，如果有没看到第一篇的朋友，可以先看看第一篇

http://www.cnblogs.com/29boke/p/5483599.html

好了，现在继续向大家介绍，我们.NET 是如何实现图片上传到自己的服务器的。

上次提到，

function upload() {

wx.uploadImage({

localId: images.localId[i],

success: function (res) {

i++;

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

images.serverId.push(res.serverId);

$( "#img2" ).append( '<img src="' +res.localId+ '" style="width:50px; height:50px;"/ /> <br />' );

downloadImage(res.serverId);

if (i < length) {

upload();

}

},

fail: function (res) {

alert(JSON.stringify(res));

}

});

}

上传成功后，会有一个serverId返回 , 这个serverId 就是上传到微信服务器上，返回在服务上的ID ，然后通过请求微信临时的素材，请求接口，返回得到素材流

获取临时素材
公众号可以使用本接口获取临时素材（即下载临时的多媒体文件）。请注意，视频文件不支持https下载，调用该接口需http协议。
本接口即为原“下载多媒体文件”接口。
接口调用请求说明
http请求方式: GET,https调用
https://api.weixin.qq.com/cgi-bin/media/get?access_token=ACCESS_TOKEN&media_id=MEDIA_ID
请求示例（示例为通过curl命令获取多媒体文件）
curl -I -G "https://api.weixin.qq.com/cgi-bin/media/get?access_token=ACCESS_TOKEN&media_id=MEDIA_ID"
参数说明
参数    是否必须    说明
access_token    是    调用接口凭证
media_id    是    媒体文件ID
返回说明
正确情况下的返回HTTP头如下：
HTTP/1.1 200 OK
Connection: close
Content-Type: image/jpeg 
Content-disposition: attachment; filename="MEDIA_ID.jpg"
Date: Sun, 06 Jan 2013 10:20:18 GMT
Cache-Control: no-cache, must-revalidate
Content-Length: 339721
curl -G "https://api.weixin.qq.com/cgi-bin/media/get?access_token=ACCESS_TOKEN&media_id=MEDIA_ID"
错误情况下的返回JSON数据包示例如下（示例为无效媒体ID错误）：
{"errcode":40007,"errmsg":"invalid media_id"}

详情可以参考，官方的的JS-SDK ，下面看我是如何实现的。

当我们需要保存的时候，用异步请求， Ajax ，然后请求到方法，带上参数， ServerID

//获取临时素材
        //https://api.weixin.qq.com/cgi-bin/media/get?access_token=ACCESS_TOKEN&media_id=MEDIA_ID 

        //微信下载图片
        public async Task<ActionResult> WeixinDownloadImage(string mediaId)
        {
            var token = WeixinConfig.TokenHelper.GetToken();//基础支持中的access_token
            var client = new HttpClient();
            var response = await client.GetAsync(string.Format("https://api.weixin.qq.com/cgi-bin/media/get?access_token={0}&media_id={1}", token, mediaId));
            var stream = await response.Content.ReadAsStreamAsync();
            Bitmap bitmap = new Bitmap(stream);
            string basePath = "/UploadPic/";
            string filename = DateTime.Now.Ticks + ".jpg";
            bitmap.Save(Server.MapPath(basePath) + filename);

            //返回地址
            string path = ConfigurationManager.AppSettings["Domain"].ToString();
            return Json(new { Link = path + basePath + filename }, JsonRequestBehavior.AllowGet);
        }