form上传文件以及跨域异步上传
2015-06-28 11:27
295 查看
要设置了enctype属性才能上传,需要使用上传的jar包,这里使用的是cos-26Dec2008.jar,
![](https://images0.cnblogs.com/blog2015/686418/201506/281106254866664.jpg)
HTML5上传的时候就是用的CORS规范,即:在发送真正的上传请求之前会先发送一条OPTIONS请求给服务器,这时候需要服务器响应允许跨域上传的HTTP头,然后中断输出。浏览器接到允许跨域上传的HTTP头后会再次发起真正的上传文件请求(POST)。详细分析参考http://www.cnblogs.com/woshimrf/p/js-cors.html
因此,上传文件需要应答的,第一次options请求需要返回允许跨域的信息,而我通常第一次就当做文件接收了,所以接收不到。
做法:对请求进行拦截,如果是options请求直接返回
如果是别的请求则通过。
关于跨域的知识,参考http://www.cnblogs.com/woshimrf/p/js-cors.html
对于form提交跨域,而服务器不设置允许跨域的时候,看到有人用iframe模拟,全文:http://blog.csdn.net/lrz1011/article/details/7913992
![](https://images0.cnblogs.com/blog2015/686418/201506/281106254866664.jpg)
关于跨域上传文件:
跨域上传文件总会报错,即使服务器端设置了header('Access-Control-Allow-Origin: *'),仍会报错说缺少multipart属性,发现用form提交就没问题。原因是,HTML5上传的时候就是用的CORS规范,即:在发送真正的上传请求之前会先发送一条OPTIONS请求给服务器,这时候需要服务器响应允许跨域上传的HTTP头,然后中断输出。浏览器接到允许跨域上传的HTTP头后会再次发起真正的上传文件请求(POST)。详细分析参考http://www.cnblogs.com/woshimrf/p/js-cors.html
因此,上传文件需要应答的,第一次options请求需要返回允许跨域的信息,而我通常第一次就当做文件接收了,所以接收不到。
做法:对请求进行拦截,如果是options请求直接返回
response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader("Access-Control-Allow-Methods", "POST, PUT, OPTIONS");
如果是别的请求则通过。
String method = request.getMethod(); if ("OPTIONS".equals(method)) { return; } nextHandler.handle(target, request, response, isHandled);
关于跨域的知识,参考http://www.cnblogs.com/woshimrf/p/js-cors.html
对于form提交跨域,而服务器不设置允许跨域的时候,看到有人用iframe模拟,全文:http://blog.csdn.net/lrz1011/article/details/7913992
相关文章推荐
- 学习MOOC——《国际贸易学》的总结
- Spring配置web.xml的<servlet>标签
- Nginx rewrite URL examples with and without redirect address
- 求一个3*3的整型矩阵对角线元素之和
- 【Java进阶】单例模式详解
- iOS 阶段学习第九天笔记(内存管理)
- shell脚本中的引用
- 字符串-01~~~字符串-04
- UVa - 1623 - Enter The Dragon
- UVa - 1623 - Enter The Dragon
- Mac下的mongodb安装
- (转)awk实例练习(一)
- 拌饭酱
- 二分查找及变形
- 分支-16~~~分支-20
- APUE 头文件apue.h 解决方法
- Cleaning Robot
- codeforce 493A Vasya and Football
- Apache 与 Nginx 比较
- mybatis 防止sql注入的 循环map写法