JSP使用ajaxFileUpload.js实现跨域问题

内容摘要
废话不多说了，直接给大家贴代码了。
jsp代码如下


$.ajaxFileUpload
(
{
url:'http://lh.abc.com:8080/gap/gap/fileUpload.do',//用于文件上传的服务器端请求地址（本机为
文章正文

废话不多说了，直接给大家贴代码了。

jsp代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$.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);
}
}
)

配置文件

1
2
3
4
5
6
7
8
9
10
11
12
<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中的处理如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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渲染的教程下一篇herf=#导致Ajax请求时没有向后台发送数据

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！