调用微信JS上传照片接口上传图片
public ActionResult UploadImge(string serverId)
{
var headPath = "/UploadImage/" + DateTime.Now.ToString("yyyyMM");
string AbsoluteFilePath = Server.MapPath(headPath);
if (!Directory.Exists(AbsoluteFilePath))
{
Directory.CreateDirectory(AbsoluteFilePath);
}
string imgPath = headPath + "/" + DateTime.Now.ToString("yyyyMMddHHmm") + serverId + ".jpg";//原图
string AbsolutePath = Server.MapPath(imgPath);
WeChatClient.SaveMultimedia(serverId, AbsolutePath); return Json(imgPath); } public ActionResult UploadImge2(string serverId)
{
var headPath = "/UploadImage/" + DateTime.Now.ToString("yyyyMM");
string AbsoluteFilePath = Server.MapPath(headPath);
if (!Directory.Exists(AbsoluteFilePath))
{
Directory.CreateDirectory(AbsoluteFilePath);
}
string imgPath = headPath + "/" + DateTime.Now.ToString("yyyyMMddHHmm") + serverId + ".jpg";
string AbsolutePath = Server.MapPath(imgPath); WeChatClient.SaveMultimedia(serverId, AbsolutePath); CommonUtil.MakeThumbnail(AbsolutePath, AbsolutePath.Replace(".jpg", "_2.jpg"),, );//以3:4比例裁剪
return Json(imgPath); }
public ActionResult UploadImge3(string serverId)
{
var headPath = "/UploadImage/" + DateTime.Now.ToString("yyyyMM");
string AbsoluteFilePath = Server.MapPath(headPath);
if (!Directory.Exists(AbsoluteFilePath))
{
Directory.CreateDirectory(AbsoluteFilePath);
}
string imgPath = headPath + "/" + DateTime.Now.ToString("yyyyMMddHHmm") + serverId + ".jpg";
string AbsolutePath = Server.MapPath(imgPath); WeChatClient.SaveMultimedia(serverId, AbsolutePath); CommonUtil.MakeThumbnail(AbsolutePath, AbsolutePath.Replace(".jpg", "_3.jpg"), , );//以4:3比例裁剪图片
return Json(imgPath); }
public static void MakeThumbnail(string originalImagePath, string thumbnailPath, int bw = , int bh = )
{
try
{
Image originalImage = Image.FromFile(originalImagePath);
var bl = originalImage.Height * 1.00 / originalImage.Width;
int orgWith, orgHeight, startY = , startX = , newWith, newHeight = ;
var bd = bh * 1.00 / bw;
if (bl > bd)
{
orgWith = originalImage.Width;
orgHeight = (int)(originalImage.Width * bh / bw);
startY = (originalImage.Height - orgHeight) / ;
newWith = orgWith;
if (newWith > )
{
newWith = ;
}
newHeight = (int)(newWith * bh / bw); }
else
{
orgWith = originalImage.Height * bw / bh;
orgHeight = originalImage.Height;
startX = (originalImage.Width - orgWith) / ;
newWith = orgWith;
if (newWith > )
{
newWith = ;
}
newHeight = (int)(newWith * bh / bw);
} Bitmap destBitmap = new Bitmap(newWith, newHeight);//目标图
Rectangle destRect = new Rectangle(, , newWith, newHeight);//矩形容器
Rectangle srcRect = new Rectangle(startX, startY, orgWith, orgHeight); var g = Graphics.FromImage(destBitmap);
//设置高质量插值法
g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;
//设置高质量,低速度呈现平滑程度
g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
//清空画布并以透明背景色填充
g.Clear(Color.Transparent); try
{
g.DrawImage(originalImage, destRect, srcRect, GraphicsUnit.Pixel);
destBitmap.Save(thumbnailPath, originalImage.RawFormat);
}
catch (System.Exception e)
{ }
finally
{
originalImage.Dispose();
destBitmap.Dispose();
g.Dispose();
} }
catch (Exception)
{ }
} }
public static void SaveMultimedia(string MEDIA_ID, string savepath)
{
string file = string.Empty;
string strpath = string.Empty;
string stUrl = "http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=" + MyToken.Token + "&media_id=" + MEDIA_ID;
HttpWebRequest req = (HttpWebRequest)HttpWebRequest.Create(stUrl);
req.Method = "GET";
using (WebResponse wr = req.GetResponse())
{
HttpWebResponse myResponse = (HttpWebResponse)req.GetResponse();
strpath = myResponse.ResponseUri.ToString();
WebClient mywebclient = new WebClient();
try
{
mywebclient.DownloadFile(strpath, savepath);
}
catch (Exception ex)
{
savepath = ex.ToString();
} } }
var uploadNum = 0;
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '********', // 必填,公众号的唯一标识
timestamp: '@(ViewBag.timestamp)', // 必填,生成签名的时间戳
nonceStr: '@(ViewBag.nonceStr)', // 必填,生成签名的随机串
signature: '@(ViewBag.signature)',// 必填,签名,见附录1
jsApiList: ['chooseImage', 'previewImage', 'uploadImage', 'downloadImage'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
}); function uploadImge() {
var ttnum = 5 - uploadNum;
wx.chooseImage({
count: ttnum, // 默认9
sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
uploadImg(localIds, 0);
}
});
} function uploadImg(localIds, num) {
if (localIds.length <= num) {
return;
}
var localId = localIds[num]; wx.uploadImage({
localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
isShowProgressTips: 1, // 默认为1,显示进度提示
success: function (sres) {
var serverId = sres.serverId; // 返回图片的服务器端ID
$.post("/WeiXin/Home/UploadImge3", { serverId: serverId }, function (data) {
var picPath = $("#PicPath").val();
if (picPath == "") {
picPath = data;
} else {
picPath = picPath + "," + data;
}
$("#PicPath").val(picPath); var temphtml = ""; if (window.__wxjs_is_wkwebview) {
wx.getLocalImgData({
localId: localId, // 图片的localID
success: function (res) {
var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
temphtml = '<div class="col-xs-6"><img src="/Content/img/叉-m.png" style="width:20px;height:20px;position:absolute;z-index:2;right:15px;" onclick="delimg(this,\'' + data + '\')"/><img src="' + localData + '" class="picimg" style="z-index:1;position:absolute"/>'; $("#picdiv").before(temphtml);
uploadNum = uploadNum + 1;
if (uploadNum >= 5) {
$("#picdiv").hide();
}
uploadImg(localIds, num + 1)
}
});
} else {
temphtml = '<div class="col-xs-6"><img src="/Content/img/叉-m.png" style="width:20px;height:20px;position:absolute;z-index:2;right:15px;" onclick="delimg(this,\'' + data + '\')"/><img src="' + localId + '" class="picimg" style="z-index:1;position:absolute"/>';
$("#picdiv").before(temphtml);
uploadNum = uploadNum + 1;
if (uploadNum >= 5) {
$("#picdiv").hide();
}
uploadImg(localIds, num + 1)
}
}) }
}); }
调用微信JS上传照片接口上传图片的更多相关文章
- mui调用本地相册调用相机上传照片
调用mui的常用库和jquery html部分: <header class="mui-bar mui-bar-nav"> <a class="mui- ...
- PHP -- 上传文件接口编写 及 iOS -- 端上传图片AF实现
PHP 上传文件接口: //保存图片 $json_result ['status'] = 0; $path = 'upfile'; $json_result ['status'] = 0; $json ...
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
仿照微信,朋友圈分享图片功能 .可以进行图片的多张选择,拍照添加图片,以及进行图片的预览,预览时可以进行缩放,并且可以删除选中状态的图片 .很不错的源码,大家有需要可以下载看看 . 微信 微信 微信 ...
- Django项目:CRM(客户关系管理系统)--61--51PerfectCRM实现CRM客户报名流程学生合同上传照片
# sales_views.py # ————————47PerfectCRM实现CRM客户报名流程———————— from django.db import IntegrityError # 主动 ...
- Iphone H5上传照片被旋转
最近做项目发现在Iphone下,我们上传图片都会被翻转,最后查阅资料发现,的确是IOS的问题 不说过程,直接解决方法 iOS下,html方式使用<input type="file&qu ...
- Android使用XUtils框架上传照片(一张或多张)和文本,server接收照片和文字(无乱码)
Android上传图片,这里我使用了如今比較流行的XUtils框架.该框架能够实现文件上传.文件下载.图片缓存等等,有待研究. 以下是Android端上传的代码: xUtils.jar下载 Strin ...
- requests模拟上传照片
博客园相册管理中有上传照片的功能 现在通过requests库模拟上传图片功能 先手动上传图片,用Fiddler转包,查看到上传图片接口请求格式, ------WebKitFormBoundarySKZ ...
- java jfinal + ajaxfileupload.js 上传
功能上传 需求:同时上传多张图片 前端:jquery.ajaxfileupload.js 后端:jfinal upload.htm <html> <body> <div ...
- android之使用GridView+仿微信图片上传功能
由于工作要求最近在使用GridView完成图片的批量上传功能,我的例子当中包含仿微信图片上传.拍照.本地选择.相片裁剪等功能,如果有需要的朋友可以看一下,希望我的实际经验能对您有所帮助. 直接上图,下 ...
随机推荐
- CentOS初使用命令总结
最近买了一台aliyun(ECS服务器)用来学习使用,初次使用难免要走弯路.遇到一些问题好长时间解决不了,结果经人指点豁然开朗.于是乎,总结了一些新生上路经验. 首先要解决的问题是:通过PuTTY.S ...
- gcc工作原理
gcc工作流程 1.预处理 --E 1.宏替换 2.头文件展开 3.注释去掉 4.xxx.c -> xxx.i 2.编译 --S 1.xxx.i -> xxx.s 2.汇编文件 3.汇编 ...
- vuex深入浅出
本文主要记录使用vuex的使用场景.重要组成部分和学习心得. 1.说在前面 学习vue有两周的时间了,目前已经对vue的基础使用比较熟悉了.但是一直对vuex的使用耿耿于怀,这么说是因为总是不太理解, ...
- 转:ITopologicalOperator Buffer调用异常的解决方法(来源网络)
/// <summary> /// 用拓扑分析求出缓冲区范围. /// 由于ArcGIS的问题,有时调用会出异常,因此需要循环调用 /// </summary> ...
- Qtl和JS、HTML通信/交互
http://www.cnblogs.com/sigma0/p/7346727.html Qt的QWebChannel和JS.HTML通信/交互驱动百度地图 0 前言 我一个研究嵌入式的,不知道怎么就 ...
- 浅谈SQL Server中的事务日志(四)----在完整恢复模式下日志的角色
简介 生产环境下的数据是如果可以写在资产负债表上的话,我想这个资产所占的数额一定不会小.而墨菲定律(事情如果有变坏的可能,无论这种可能性有多小,它总会发生)仿佛是给DBA量身定做的.在上篇文章介绍的简 ...
- maven学习(三)maven仓库
官网图片: maven仓库: 仓库通常配置在settings.xml文件中,此处注意settings.xml的优先级:用户 > 全局,广义上maven的仓库一共包含两种: 1.本地仓库,默认在& ...
- UIRecorder安装与使用
继vue单元测试,将进行vue的e2e测试学习. 学习点: 安装uirecorder 用工具(UI Recorder)录制测试脚本 测试脚本的回放 本文意在安装UI Recorder,并且利用该工具进 ...
- C/C++中构造函数和析构函数能否被继承
http://bbs.csdn.net/topics/390160673 标准方面做了要求的.Even though destructors are not inherited 构造函数和析构函数是不 ...
- 遍历目录树 - Unicode 模式
=info 遍历目录树 支持 Unicode Code by 523066680@163.com 2017-03 V0.5 使用Win32API判断目录硬链接 ...