JSP使用ajaxFileUpload.js实现跨域问题
2016-04-15 00:00
846 查看
废话不多说了,直接给大家贴代码了。
jsp代码如下
配置文件
action中的处理如下
每次跨域上传图片时,可以成功上传到服务器上,但是不能正确的返回信息,总是进入error方法中,正确应该进入success方法
jquery之ajaxfileupload异步上传插件(附工程代码)
利用ajaxfileupload插件实现文件上传无刷新的具体方法
jsp防止跨域提交数据的具体实现
为jquery的ajaxfileupload增加附加参数的方法
PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
使用ajaxfileupload.js实现ajax上传文件php版
jsp代码如下
$.ajaxFileUpload ( { url:'http://lh.abc.com:8080/gap/gap/fileUpload.do',//用于文件上传的服务器端请求地址(本机为fxb.abc.com) secureuri:false,//一般设置为false fileElementId:'file',//文件上传空间的id属性 <input type="file" id="file" name="file" /> dataType: 'jsonp',//返回值类型 一般设置为json jsonp: 'jsoncallback', jsonpCallback:'success_jsonpCallback', function success_jsonpCallback(data) { alert("1"); }, success: function (data, status) //服务器成功响应处理函数 { alert(data.message);//从服务器返回的json中取出message中的数据,其中message为在struts2中action中定义的成员变量 if(typeof(data.error) != 'undefined') { if(data.error != '') { alert(data.error); }else { alert(data.message); } } }, error: function (data, status, e)//服务器响应失败处理函数 { alert(status); alert(e); } } )
配置文件
<action name="fileUpload" class="com.gap.action.FileUploadAction" method="fileUpload"> <result type="json" name="success"> <param name="contentType"> text/html </param> </result> <result type="json" name="error"> <param name="contentType"> text/html </param> </result> </action>
action中的处理如下
public String fileUpload() throws Exception { String path = ServletActionContext.getRequest().getRealPath("/upload1"); // String path = ConfigDataInfo.getConfigValue("imgServer"); try { File f = this.getFile(); if (this.getFileFileName().endsWith(".exe")) { message = "对不起,你上传的文件格式不允许!!!"; } else { FileInputStream inputStream = new FileInputStream(f); FileOutputStream outputStream = new FileOutputStream(path + "/" + this.getFileFileName()); byte[] buf = new byte[1024]; int length = 0; while ((length = inputStream.read(buf)) != -1) { outputStream.write(buf, 0, length); } inputStream.close(); outputStream.flush(); message = "上传成功"; } } catch (Exception e) { e.printStackTrace(); message = "对不起,文件上传失败了!!!!"; } return SUCCESS; }
每次跨域上传图片时,可以成功上传到服务器上,但是不能正确的返回信息,总是进入error方法中,正确应该进入success方法
您可能感兴趣的文章:
AjaxControlToolkit AjaxFileUpload 显示英文改成中文的解决方法jquery之ajaxfileupload异步上传插件(附工程代码)
利用ajaxfileupload插件实现文件上传无刷新的具体方法
jsp防止跨域提交数据的具体实现
为jquery的ajaxfileupload增加附加参数的方法
PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
使用ajaxfileupload.js实现ajax上传文件php版
相关文章推荐
- JSP/PHP基于Ajax的分页功能实现
- 开发阶段Jetty运行Jsp报错且响应空白
- jsp简单实现页面之间共享信息的方法
- Apache Web让JSP“动”起来
- 探秘ajax跨域请求
- 基于iframe实现ajax跨域请求 获取网页中ajax数据
- ie7下利用ajax跨域盗取cookie的解决办法
- javascript跨域的方法汇总
- 在Ajax中使用Flash实现跨域数据读取的实现方法
- AJAX实现跨域的三种方法(代理,JSONP,XHR2)
- js实现跨域访问的三种方法
- 如何设置iframe高度自适应在跨域情况下的可用方法
- 使用script的src实现跨域和类似ajax效果
- js跨域问题之跨域iframe自适应大小实现代码
- JavaScript两种跨域技术全面介绍
- ajax跨域(基础域名相同)表单提交的方法
- JS不能跨域借助jquery获取IP地址的方法
- jQuery插件ajaxFileUpload使用详解