JSP使用ajaxFileUpload.js实现跨域问题
程序员文章站
2022-06-11 13:44:27
废话不多说了,直接给大家贴代码了。
jsp代码如下
$.ajaxfileupload
(
{
url:'http://lh.abc.com:8080...
废话不多说了,直接给大家贴代码了。
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方法
上一篇: 叫鸡犯法
推荐阅读
-
使用HTML5中postMessage知识点解决Ajax中POST跨域问题
-
解决使用elementUI框架el-upload跨域上传时session丢失问题
-
使用$.getJSON实现跨域ajax请求示例代码
-
jQuery使用JSONP实现跨域获取数据的三种方法详解
-
vue使用axios插件请求访问API遇到的跨域问题。
-
vue+springboot前后端分离实现单点登录跨域问题解决方法
-
使用canvas截图网页为图片并解决跨域空白以及模糊问题
-
开发中解决Access-Control-Allow-Origin跨域问题的Chrome神器插件,安装及使用
-
使用jsonp实现跨域获取数据实例讲解
-
vue中axios解决跨域问题和拦截器的使用方法