启用 CORS 来解决这个问题(ajax跨域请求)
<input type="file" name="btn_Upload" value="上传" id="btn_Upload" />
<img src="" alt="" id="img_Upload" /> @section Scripts
{
<link href="../../js/uploadifive-v1.2.2-standard/uploadifive.css" rel="stylesheet" />
<script src="../../js/uploadifive-v1.2.2-standard/jquery.uploadifive.js"></script>
} <script>
$(function () {
$('#btn_Upload').uploadifive({
formData: { openId: '@ViewBag.OpenId' },
multi: false,
uploadScript: '@WXCommon.ConfigHelper.UploadUrl',
onUploadComplete: function (file, data) {
if (data) {
var json = $.parseJSON(data);
if (json.res) {
alert(json.msg);
$('#img_Upload').attr({
src: '@WXCommon.ConfigHelper.ThumbnailPath' + '/' + '@ViewBag.OpenId' + '/' + json.fileName
});
} else {
alert(json.msg);
}
} else {
alert('服务器内部错误!');
}
}
});
});
</script>
Javascript
//独立部署的图片服务器
public ActionResult Index()
{
//if (Request.HttpMethod == "OPTION")
//{
// Response.AddHeader("Access-Control-Allow-Methods", "GET,POST");
// Response.AddHeader("Access-Control-Allow-Headers", "Content-Type,Accept");
// Response.AddHeader("Access-Control-Max-Age", "1728000");
// Response.AddHeader("Access-Control-Allow-Origin", "*");
//}
string openId = Request["openId"];
HttpPostedFileBase httpPostedFileBase = Request.Files["Filedata"];
string fileName = httpPostedFileBase.FileName;
string extensionName = System.IO.Path.GetExtension(fileName).ToLower();
if (extensionName == ".jpg" || extensionName == ".jpeg")
{
string virtualPath = "/uploads" + "/" + fileName.Replace(extensionName, "") + DateTime.Now.ToString("yyyyMMddhhmmss") + extensionName;
string fullPath = Server.MapPath(virtualPath);
httpPostedFileBase.SaveAs(fullPath); string savePath = Server.MapPath("/thumbnails" + "/" + openId);
string thumbnailFileName = Thumbnail.GetThumbnailImage(, , fullPath, savePath, System.Drawing.Imaging.ImageFormat.Jpeg);
//删除原始文件
//System.IO.File.Delete(fullPath);
NowModel model = new NowModel();
model.Id = ;
model.OpenId = openId;
model.FileName = thumbnailFileName;
nowBLL.Insert(model);
return Json(new { res = true, msg = "上传成功!", fileName = thumbnailFileName });
}
return Json(new { res = false, msg = "上传失败!" });
}
ASP.Net
<!--仅试用于IIS7以上版本,IIS6.0请用Response.AddHeader的方式-->
<system.webServer>
<validation validateIntegratedModeConfiguration="false" />
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*"/>
<add name="Access-Control-Allow-Methods" value="GET,POST,OPTION"/>
<add name="Access-Control-Allow-Headers" value="Content-Type,soapaction"/>
</customHeaders>
</httpProtocol>
</system.webServer>
图片服务器配置文件
启用 CORS 来解决这个问题(ajax跨域请求)的更多相关文章
- 解决ajax跨域请求 (总结)
ajax跨域请求,目前已用几种方法实现: 1)用原生js的xhr对象实现. var url="http://freegeoip.net/json/" ...
- jQuery ajax跨域请求的解决方法
在Ajax应用中,jQuery的Ajax请求是非常容易而且方便的,但是初学者经常会犯一个错误,那就是Ajax请求的url不是本地或者同一个服务器下面的URI,最后导致虽然请求200,但是不会返回任何数 ...
- 用iframe设置代理解决ajax跨域请求问题
面对ajax跨域请求的问题,想用代理的方式来解决这个跨域问题.在服务器端创建一个静态的代理页面,在客户端用iframe调用这个代理 今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到aja ...
- Jquery DataTable AJAX跨域请求的解决方法及SSM框架下服务器端返回JSON格式数据的解决方法
如题,用HBuilder开发APP,涉及到用AJAX跨域请求后台数据,刚接触,费了不少时间.幸得高手指点,得以解决. APP需要用TABLE来显示数据,因此采用了JQ 的DataTable. 在实现 ...
- JQuery的Ajax跨域请求的解决方式
今天在项目中须要做远程数据载入并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究 ...
- 第114天:Ajax跨域请求解决方法(二)
一.什么是跨域 我们先回顾一下域名地址的组成: http:// www . google : 8080 / script/jquery.js http:// (协议号) www (子 ...
- 第113天:Ajax跨域请求解决方法
一.原生JS实现ajax 第一步获得XMLHttpRequest对象 第二步:设置状态监听函数 第三步:open一个连接,true是异步请求 第四部:send一个请求,可以发送一个对象和字符串,不需要 ...
- Ajax跨域请求怎么解决?
前言 项目中需要将第三方系统中,对应用户的代办消息集成到系统中.对方提供了获取对应用户的接口url,但是由于两边的系统是部署到客户现场不同IP的虚机上的,所以进行ajax请求的时候是属于跨域请求的.之 ...
- Ajax跨域请求以及乱码解决
Ajax跨域请求2种解决方法 1 ) 什么叫跨域请求,协议,域名,端口号,其中一样不同都称跨域; 第一种:使用script标签发送请求; //创建一个script标签; var v_element=d ...
- 如何解决ajax跨域请求?
1.什么是跨域? a.域名不同 b.域名相同,端口不同 注:只有域名相同,端口相同时,才可以访问数据 可以使用jsonp解决ajax跨域请求的问题. 2.什么是jsonp? Jsonp其实就是一个跨域 ...
随机推荐
- C#执行DOS命令(CMD命令)
在c#程序中,有时会用到调用cmd命令完成一些功能,于是在网上查到了如下方法,实现了c#执行DOS命令,并返回结果. //dosCommand Dos命令语句 publ ...
- SqlServer数据库正在还原的解决办法
1)管理器不会主动刷新,需要手工刷新一下才能看到最新状态(性能方面的考虑) 2)很少情况下,恢复进程被挂起了.这个时候假设你要恢复并且回到可访问状态,要执行: RESTORE database ...
- MySQL在一台db服务器上面如何启动多个实例 (转)
安装过程省略过,源码安装请参考http://write.blog.csdn.net/postlist/1609043/all 整理自己的文档,发现以前做的例子,share下,欢迎大家提出改进意见. 一 ...
- c# win form 显示支付宝二维码图片
System.Net.WebClient web = new System.Net.WebClient(); byte[] buffer = web.DownloadData(网络图片的地址); we ...
- Func系列3:自定义模块
简介 Func自带的模块已经非常丰富,但在日常系统运维当中,尤其是面对大规模的服务器集群.不同类别的业务平台,次是Func自带的模块或许已经不能满足我们的需求,所以有必要通过自定义模块来填补这块的不足 ...
- elixir学习
安装 brew install elixir atom配置 language-elixir atom-elixir elixir的shell iex :erlang.system_info(:otp_ ...
- 【mybatis】之批量添加
mybatis批量添加xml <insert id="batchCreate"> INSERT INTO `roomer` (`order`,name,idCard,m ...
- 限制页面内部链接访问源-HTML注释
不知道大家有没有碰到过这样一个问题:我修改的是别人的网页,他的超连接是指向一个服务器的某个HTML文件,我把超连接地址修改成了我本地机器的跟首页 同一目录下的一个HTML文件,却发现超连接根本 ...
- sql中count(*)和count(字段名)区别
数据测试:见图 sql 语句见分晓: SELECT COUNT(*) c1 ,COUNT(ADDRESS) c2 FROM test 显而易见,count(*)统计的是结果集的总条数,count(字段 ...
- Maven使用--打包和运行
将项目进行编译.测试后,下一个重要步骤就是打包.简单执行命令mvn clean package进行打包.Maven会在打包前执行编译.测试等操作. 在打包后,执行安装任务install ...