启用 CORS 来解决这个问题(ajax跨域请求)

 1 <input type="file" name="btn_Upload" value="上传" id="btn_Upload" />
 2 <img src="" alt="" id="img_Upload" />
 3 
 4 @section Scripts
 5 {
 6     <link href="../../js/uploadifive-v1.2.2-standard/uploadifive.css" rel="stylesheet" />
 7     <script src="../../js/uploadifive-v1.2.2-standard/jquery.uploadifive.js"></script>
 8 }
 9 
10 <script>
11     $(function () {
12         $('#btn_Upload').uploadifive({
13             formData: { openId: '@ViewBag.OpenId' },
14             multi: false,
15             uploadScript: '@WXCommon.ConfigHelper.UploadUrl',
16             onUploadComplete: function (file, data) {
17                 if (data) {
18                     var json = $.parseJSON(data);
19                     if (json.res) {
20                         alert(json.msg);
21                         $('#img_Upload').attr({
22                             src: '@WXCommon.ConfigHelper.ThumbnailPath' + '/' + '@ViewBag.OpenId' + '/' + json.fileName
23                         });
24                     } else {
25                         alert(json.msg);
26                     }
27                 } else {
28                     alert('服务器内部错误!');
29                 }
30             }
31         });
32     });
33 </script>
Javascript
 1 //独立部署的图片服务器
 2 public ActionResult Index()
 3 {
 4     //if (Request.HttpMethod == "OPTION")
 5     //{
 6     //    Response.AddHeader("Access-Control-Allow-Methods", "GET,POST");
 7     //    Response.AddHeader("Access-Control-Allow-Headers", "Content-Type,Accept");
 8     //    Response.AddHeader("Access-Control-Max-Age", "1728000");
 9     //    Response.AddHeader("Access-Control-Allow-Origin", "*");
10     //}
11     string openId = Request["openId"];
12     HttpPostedFileBase httpPostedFileBase = Request.Files["Filedata"];
13     string fileName = httpPostedFileBase.FileName;
14     string extensionName = System.IO.Path.GetExtension(fileName).ToLower();
15     if (extensionName == ".jpg" || extensionName == ".jpeg")
16     {
17         string virtualPath = "/uploads" + "/" + fileName.Replace(extensionName, "") + DateTime.Now.ToString("yyyyMMddhhmmss") + extensionName;
18         string fullPath = Server.MapPath(virtualPath);
19         httpPostedFileBase.SaveAs(fullPath);
20 
21         string savePath = Server.MapPath("/thumbnails" + "/" + openId);
22         string thumbnailFileName = Thumbnail.GetThumbnailImage(160, 120, fullPath, savePath, System.Drawing.Imaging.ImageFormat.Jpeg);
23         //删除原始文件
24         //System.IO.File.Delete(fullPath);
25         NowModel model = new NowModel();
26         model.Id = 0;
27         model.OpenId = openId;
28         model.FileName = thumbnailFileName;
29         nowBLL.Insert(model);
30         return Json(new { res = true, msg = "上传成功!", fileName = thumbnailFileName });
31     }
32     return Json(new { res = false, msg = "上传失败!" });
33 }
ASP.Net
 1   <!--仅试用于IIS7以上版本,IIS6.0请用Response.AddHeader的方式-->
 2   <system.webServer>
 3     <validation validateIntegratedModeConfiguration="false" />
 4     <httpProtocol>
 5       <customHeaders>
 6         <add name="Access-Control-Allow-Origin" value="*"/>
 7         <add name="Access-Control-Allow-Methods" value="GET,POST,OPTION"/>
 8         <add name="Access-Control-Allow-Headers" value="Content-Type,soapaction"/>        
 9       </customHeaders>
10     </httpProtocol>
11   </system.webServer>
图片服务器配置文件

转载于:https://www.cnblogs.com/tq1226112215/p/4193999.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ajax请求session超时处理流程 java服务器端处理: SessionValidateFilter修改: if (ServerInfo.isAjax(request)) { request.setAttribute("statusCode", 301); request.setAttribute("message", "Session timeout!"); response.sendRedirect(response.encodeRedirectURL("/ajaxDone.jsp"); else { response.sendRedirect(response.encodeRedirectURL(this.loginUrl + java.net.URLEncoder.encode(backToUrl, "UTF-8"))); } ajaxDone.jsp页面 <%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%> { statusCode:${statusCode}, message:"${message}", objectId:"${objectId}" } js客户端处理: ajax load页面碎片处理: 自己写一个loadUrl()方法,不能使用jquery自带的load(). 当客户端调用loadUrl()超时,弹出一个登录框,并加一个背景层下面的整个浏览器.这时浏览器窗口内容不能变,只是上面加了一个登录框和一个背景层 当用户输入username and password登录成功后,去掉登录框和背景层.这时用户可以继续操作. 登录失败alert出错信息,浏览器窗口内容还是不变. var DWZ = { loginUrl:"/render.do?method=login", ajaxDoneEval:function (json) { //session timeout try{ return eval('(' + json + ')'); } catch (e){ return {}; } } }; (function($){ $.extend({ loadUrl: function(url,data,callback){ var aData = data || {}; aData["timestamp"] = new Date().getTime(); var $this = $(this); $.get(url, aData, function(data){ var json = DWZ.ajaxDoneEval(data); if (json.statusCode==301){ alertMsg.error(json.message, {okCall:function(){ window.location = "/render.do?method=login"; //popLoginWin(); }}); } else { $this.html(data).initUI(); if (jQuery.isFunction(callback)) callback(); } }); } }); })(jQuery); ajax post 表单数据处理: 当客户端ajax提交表单超时, 弹出一个登录框,并加一个背景层下面的整个浏览器. 当用户输入username and password登录成功后,去掉登录框和背景层.这时用户可以继续操作. 登录失败alert出错信息. $.post(form.action, params, callback(json){ if (json.statusCode == 301) { //301 状态表示 session timeout popLoginWin(); }else if (json.statusCode == 300) { //300 状态表示 操作失败 alertMsg.error(json.message); } else if(json.statusCode == 200) { //300 状态表示 操作成功 alertMsg.correct(json.message); } }, "json");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值