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);

本文转自Ryan.Miao博客园博客，原文链接：http://www.cnblogs.com/woshimrf/p/file-cors.html，如需转载请自行联系原作者

form上传文件以及跨域异步上传相关推荐

php js跨域上传文件,Jquery实现跨域异步上传文件步骤详解
这次给大家带来Jquery实现跨域异步上传文件步骤详解,Jquery实现跨域异步上传文件的注意事项有哪些,下面就是实战案例,一起来看一下. 先说明白这个跨域异步上传功能我们借助了Jquery.for ...
关于上传文件的跨域问题
在进行新框架开发的过程中,需要自定义页面组件实现脱离表单的文件(图片)上传,考虑过wex5自带的attachmentsimple的自定义写法很难受,就改用了第三方插件webuploader来实现选择文 ...
上传文件的跨域处理（转）
(文章转自:http://blog.robotercoding.com/?p=62) 为了减轻主服务器的负担,希望把图片的处理单独拿出来,由图片服务器来处理图片上传,浏览等操作.图片上传使用了ajax ...
SWFUpload上传文件组件,跨域上传文件
转自: http://zhaowenbinmail.blog.163.com/blog/static/3908086201042743942935/ 解决SWFUpload上传文件组件使用时报告204 ...
jq ajax异步上传文件,jQuery插件ajaxFileUpload异步上传文件
AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 当初做了个异步上传的功能,选择它因为它的配置 ...
解决H5的a标签的download属性下载service上的文件/图片出现跨域问题
1.通过点击下载多媒体文件(图片/视频/文件等) 最简单的方式: <a href='url' download="filename.ext">下载文件</a> ...
绕过网关访问图片上传并解决跨域问题
绕过网关图片上传是文件的传输,如果也经过Zuul网关的代理,文件就会经过多次网路传输,造成不必要的网络负担.在高并发时,可能导致网络阻塞,Zuul网关不可用.这样我们的整个系统就瘫痪了. 所以,我们 ...
vue method ajax上传文件,前端上传文件追根溯源_和_antd_vue上传文件实例
背景平,过现前个能文使近记接的端问对字用近记接时工作中经常会遇到需要上传文件的情况,如果你用ant design 或者element ,它们都提供了上传的组件. 我们分别来看一下element 和 ...
ajax提交表单跨域啊,form表单提交没有跨域问题，但ajax提交存在跨域问题
浏览器的策略本质是:一个域名下面的JS,没有经过允许是不能读取另外一个域名的内容,但是浏览器不阻止你向另外一个域名发送请求. 所以form表单提交没有跨域问题,提交form表单到另外一个域名,原来页面 ...

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

关于跨域上传文件：

form上传文件以及跨域异步上传相关推荐

最新文章

热门文章