JSP使用ajaxFileUpload.js实现跨域问题
程序员文章站
2023-11-13 15:37:58
废话不多说了,直接给大家贴代码了。
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方法
下一篇: 纯CSS实现上下左右都居中的代码
推荐阅读
-
JSP使用ajaxFileUpload.js实现跨域问题
-
使用proxytable 配置解决 vue-cli 的跨域请求问题【推荐】
-
Ajax跨域实现代码(后台jsp)
-
JS中使用cavas截图网页并解决跨域及模糊问题
-
JavaScript开发跨域问题:如何用jQuery实现跨域
-
使用HTML5中postMessage知识点解决Ajax中POST跨域问题
-
解决使用elementUI框架el-upload跨域上传时session丢失问题
-
使用$.getJSON实现跨域ajax请求示例代码
-
jQuery使用JSONP实现跨域获取数据的三种方法详解
-
vue使用axios插件请求访问API遇到的跨域问题。