您的位置:首页 > Web前端 > JavaScript

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

2016-04-15 00:00 846 查看
废话不多说了,直接给大家贴代码了。

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版
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ajaxfileupload jsp 跨域