form上传文件以及跨域异步上传

要设置了enctype属性才能上传,需要使用上传的jar包,这里使用的是cos-26Dec2008.jar,

关于跨域上传文件:

跨域上传文件总会报错,即使服务器端设置了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");

如果是别的请求则通过。

1 String method = request.getMethod();
2         if ("OPTIONS".equals(method)) {
3             return;
4         }
5         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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序员与猫

ASP.NET Core的Kestrel服务器

原文地址----Kestrel server for ASP.NET Core By Tom Dykstra, Chris Ross, and Stephen ...

2615
来自专栏carven

cors跨域探讨

前端跨域方案很多,jsonp、iframe等等,但是个人觉得,最正宗,最无损的跨域方式还是CORS。 CORS(Cross-origin resource sh...

1190
来自专栏bboysoul

解决因为ssh秘钥权限问题导致的Connection closed by 192.168.1.31 port 2222

事情是这样的, 其实是gitlab上不能使用ssh去拉取代码,我一直以为是防火墙的问题,后来测试端口是开着的,但是就是一直连接拒绝,所以这个就很蛋疼,后来才想到...

532
来自专栏向前进

【笔记】跨域重定向中使用Ajax(XHR请求)导致跨域失败

1、前端Web中有两个域名,a.com和b.com,其中a.com是访问主站(页面),b.com是数据提交接口的服务器(XHR请求)

663
来自专栏SpringBoot 核心技术

第二十五章:SpringBoot添加支持CORS跨域访问

1464
来自专栏KK的小酒馆

Android开发环境搭建Android应用界面开发

Jdk下载: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2...

692
来自专栏软件工程师成长笔记

IE、FireFox、Chrome浏览器中关于URL传参中文乱码,解决兼容性问题!

前台用url传值中文,后台用request.getParameter接收参数。在Firefox,Chrome等浏览器中没有问题。但用IE浏览器就又会出现参数中文...

482
来自专栏栗霖积跬步之旅

关于跨域问题的解决

为什么不选用jsonp来解决跨域:  jsonp是非官方的方法,且该方法只支持get方法,不如post方法安全。  即使用jQuery的jsonp方法,type...

18310
来自专栏吴柯的运维笔记

容易忘的Linux基础小工具(附vim编辑技巧)

linux目录层次: -man hier (有问题找男人) ? ? 权限的数值表示: -基本权限:r=4 w=2 x=1 -附加权限:SUID=4 ...

2656
来自专栏meteorzx

express模拟接口

Failed to load http://192.168.xxx.xxx:9092/api/user/query?id=user123&name=%E6%B5...

4386

扫描关注云+社区