使用WebUploader跨域上传图片,用SpringMVC实现服务器端
来源:互联网 发布:文化相对主义 知乎 编辑:程序博客网 时间:2024/06/05 22:32
使用WebUploader实现跨域上传图片,当点击上传时,客户端会向服务器端先后发送两次请求,第一次是OPTIONS请求,用来验证服务器端是否允许跨域上传,当服务器允许跨域并正常返回时,WebUploader才会去发送第二次请求,也就是真正的图片上传的POST请求。
如果使用原生的Servlet来处理请求,直接重写OPTIONS方法和POST方法即可,但是SpringMVC默认禁用了OPTIONS请求,需要在初始化SpringMVC的核心控制器DispatcherServlet时指定初始化参数,来开启OPTIONS请求。
【配置如下】
<!-- 开启 SpringMVC对OPTIONS请求的支持--><init-param> <param-name>dispatchOptionsRequest</param-name> <param-value>true</param-value></init-param>
然后后台Controller可以这么写
//处理第一次OPTIONS验证请求@RequestMapping(value="/webUploader", method = RequestMethod.OPTIONS)public void webUploader(HttpServletRequest request, HttpServletResponse response) throws IOException { response.setHeader("Access-Control-Allow-Credentials", "false"); response.setHeader("Access-Control-Allow-Origin", "*"); //生产环境绝对不允许设置为“*” response.setHeader("Access-Control-Allow-Methods", "*"); response.setHeader("Access-Control-Allow-Headers", "x-requested-with,content-type"); response.setContentType("application/json"); response.setCharacterEncoding("utf-8");}//处理第二次POST上传请求@RequestMapping(value="/webUploader", method = RequestMethod.POST)@ResponseBodypublic String webUploaderFile(HttpServletRequest request, HttpServletResponse response, MultipartFile file) throws IOException { response.setHeader("Access-Control-Allow-Origin", "*"); //生产环境绝对不允许设置为“*” response.setHeader("Access-Control-Allow-Methods", "*"); response.setHeader("Access-Control-Allow-Headers", "x-requested-with,content-type"); response.setContentType("application/json"); response.setCharacterEncoding("utf-8"); //图片上传逻辑,返回图片存放链接 return uploadUtils.upload(file, "picture", "user");}
对文章有疑问或者想获取更多技术文章,欢迎关注微信公众号:程序猿洞穴
假想网 - 未来,属于会做梦的人。
阅读全文
2 0
- 使用WebUploader跨域上传图片,用SpringMVC实现服务器端
- webuploader+springmvc实现图片上传
- springMVC+WebUploader实现多图片上传
- 使用WebUploader上传图片
- SpringMVC上传图片总结(2)--- 使用百度webuploader上传组件进行上传图片
- webuploader+springMvc+JSP 多图上传实现
- WebUploader+SpringMVC实现文件上传功能
- WebUploader+SpringMVC实现文件上传功能
- 使用WebUploader客户端批量上传图片,后台使用springMVC接收实例
- 使用WebUploader客户端批量上传图片,后台使用springMVC接收实例
- JFinal+WebUploader实现图片的异步上传
- webuploader实现批量图片上传功能
- webuploader实现点击图片上传功能
- WebUploader文件图片上传插件的使用
- 使用百度webuploader实现大文件上传
- WebUploader图片上传实例
- 使用webuploader做文件上传,跨域请求session不一致
- (三)springMVC WebUploader分片上传
- request学习---文件上传
- Git诞生与简单发展史
- Object.assign 深层次合并
- Linux配置java环境变量
- Activity四种启动模式
- 使用WebUploader跨域上传图片,用SpringMVC实现服务器端
- 使用e.printStackTrace(PrintWriter s)对异常信息处理
- [LeetCode]633. Sum of Square Numbers
- webstorm中LESS环境的搭建
- 对象,基本类型的比较
- 进销存货物管理系统 论文
- 使用TCP协议的NAT穿透技术
- 蓝桥杯 分解质因数
- Codeforces 400D Dima And Bacteria 暴力+Floyd