jQuery File Upload跨域上传
2015-12-18 16:24
836 查看
最近在做一个一手粮互联网项目,方案为前后端分离,自己负责前端框架,采用了Requirejs+avalonjs+jquery三个框架完成。
前后端通过跨域实现接口调用,中间也发现了不少问题,尤其是在富文本编辑器和上传插件跨域的处理过程中,费劲了脑汁,总算解决了。
上传选择了jQuery File Upload,兼容性还是相对不错,并且支持跨域,但是没有一个完整的跨域Demo,只能看源码找帮助。
下载地址:https://github.com/blueimp/jQuery-File-Upload
页面实现方法:
页面引入:
View Code
欢迎大家来交流!
前后端通过跨域实现接口调用,中间也发现了不少问题,尤其是在富文本编辑器和上传插件跨域的处理过程中,费劲了脑汁,总算解决了。
上传选择了jQuery File Upload,兼容性还是相对不错,并且支持跨域,但是没有一个完整的跨域Demo,只能看源码找帮助。
下载地址:https://github.com/blueimp/jQuery-File-Upload
页面实现方法:
页面引入:
<link rel="stylesheet" type="text/css" href="../../src/widget/jQueryFileUpload/css/jquery.fileupload.css"> <link rel="stylesheet" type="text/css" href="../../src/widget/jQueryFileUpload/css/jquery.fileupload-ui.css"> <script type="text/javascript" src=".../../src/widget/jQueryFileUpload/js/vendor/jquery.ui.widget.js"></script> <script type="text/javascript" src=".../../src/widget/jQueryFileUpload/js/jquery.iframe-transport.js"></script> <script type="text/javascript" src=".../../src/widget/jQueryFileUpload/js/jquery.fileupload.js"></script> 上传页面 <input id="fileupload" type="file" name="files" multiple>
string result = file.FileName; context.Response.Headers.Add("Cache-Control", "no-cache"); context.Response.AddHeader("Access-Control-Allow-Origin", "*"); context.Response.AddHeader("Access-Control-Allow-Headers", "x-requested-with"); context.Response.AddHeader("Location", callUrl + "?msg=" + result); context.Response.Redirect(callUrl + "?msg=" + result);
View Code
欢迎大家来交流!
相关文章推荐
- jQuery事件绑定方式(转)
- jQuery对html元素的取值与赋值实例详解
- jQuery打字效果实现方法(附demo源码下载)
- jquery easy ui Tree详解
- jQuery中trigger()与bind()用法分析
- JQuery中阻止事件冒泡方式及其区别
- jQuery+JSON实现AJAX二级联动实例分析
- 元素ID是个字符串变量,如何用jquery选择器获得这个对象?
- JQuery移除事件
- 使用jQuery+PHP+Mysql实现抽奖程序
- jQuery响应式布局
- CSS选择器和jQuery选择器的区别与联系之一
- jQuery之防止冒泡事件
- jQuery之防止冒泡事件
- 使用Jquery解析Json基础知识
- jquery css3 手机菜单动画综合版
- jQuery each
- jQuery设计模式(二)
- jQuery判断元素是否是隐藏的代码
- jquery 绑定动态元素