Struts2的xml的文件的配置
<!-- 用于指定存放临时文件的文件夹 -->
<constant name="struts.multipart.saveDir" value="c:/tmp"></constant>
<!-- 上传文件总的大小限制, 单位是字节, 默认为2M, 此处改为50M: 50*1024*1024 -->
<constant name="struts.multipart.maxSize" value="52428800"></constant>
Action里面
private File file;//jsp中文件input对应的属性
//文件的类型,struts2会设置这个值
private String fileContentType;
//完整的文件名
private String fileFileName;
if (file != null) {
File savefile = UploadFileUtil.copyFile(file, fileFileName, ServletActionContext.getServletContext());
obj.setAttachment(UploadFileUtil.getFilePath(savefile));
}
JSP中,将file类型的input隐藏,用一个普通的input和a链接代替,这主要是为了在不同的浏览器里面兼容,因为type="file" 的input在不同的浏览器下显示不一样,
如果你不介意这 种差异,可以不用那么麻烦,直接用一个Input就可以。
<div class="advice_row_value">
<input class="input" type="text" id= "file_input" name="file_input" style="width:300;" accept="gif|jpg|png|doc|docx|xls|txt|xlsx" readOnly value="${obj.attachment}"/>
<a href="javascript:addAttachment()">添加附件</a>(只支持gif/jpg/png/doc/docx/xls/txt/xlsx)
<input type="file" id= "file" name="file" style="width:400;display:none;" value="${obj.attachment}" accept="gif|jpg|png|doc|docx|xls|txt|xlsx"/>
</div>
function addAttachment(){
j$("#file").bind("change",function(){
j$("#file_input").focus();
j$("#file_input").val(this.value);
j$("#file_input").blur();
});
j$("#file").click();
}
另外用到一个jquery的插件,jquery.form.js
jQuery(form).ajaxSubmit({
type:"post",
dataType: "json",
url: _webRootPath + "website/addAdvice.action?time="+ (new Date()).getTime(),
success: function(data){
alert( "success");
},
error: function(XmlHttpRequest, textStatus, errorThrown){
alert( "error");
}
});
提到上传,我这里顺便记录一下,我最近遇到的一个问题。
背景:按上面的方法实现的文件上传,测试的时候发现,如果不选择文件上传,提交后一切正常,所有数据也到提交上去了,保存到了数据库,response也正常。但是选择文件后,再提交,发现数据也提交正确了,但是没有response. 一路跟踪发现在jquery.form.js的ajaxSubmit方法里面有这样一段:
// are there files to upload?
var files = $('input:file', this).fieldValue();
var found = false;
for (var j=0; j < files.length; j++)
if (files[j])
found = true;
// options.iframe allows user to force iframe mode
if (options.iframe || found) {
// hack to fix Safari hang (thanks to Tim Molendijk for this)
// see: http://groups.google.com/group/jquery-dev/browse_thread/thread/36395b7ab510dd5d
if ($.browser.safari && options.closeKeepAlive)
$.get(options.closeKeepAlive, fileUpload);
else
fileUpload();
}
else
$.ajax(options);
如果发现input类型为file的字段有值,则调用fileUpload(),否则直接调用$.ajax(options).
也就是说我没有选择文件的时候调用的是$.ajax(options). 这是正常的。
当我选择了文件的时候,调用的是fileUpload(), 继续跟踪发现,这个方法里面构造了一个iframe去上传文件
var id = 'jqFormIO' + (new Date().getTime());
var $io = $('<iframe id="' + id + '" name="' + id + '" />');
var io = $io[0];
var op8 = $.browser.opera && window.opera.version() < 9;
if ($.browser.msie || op8) io.src = 'javascript:false;document.write("");';
$io.css({ position: 'absolute', top: '-1000px', left: '-1000px' });
上传完以后得到结果
xhr.responseText = doc.body ? doc.body.innerHTML : null;
xhr.responseXML = doc.XMLDocument ? doc.XMLDocument : doc;
xhr.getResponseHeader = function(header){
var headers = {'content-type': opts.dataType};
return headers[header];
};
if (opts.dataType == 'json' || opts.dataType == 'script') {
var ta = doc.getElementsByTagName('textarea')[0];
xhr.responseText = ta ? ta.value : xhr.responseText;
}
else if (opts.dataType == 'xml' && !xhr.responseXML && xhr.responseText != null) {
xhr.responseXML = toXml(xhr.responseText);
}
<span style="color:#FF0000;"> data = $.httpData(xhr, opts.dataType);</span>
到红色这句的时候出错了,一查jquey1.11.2里面没有这个方法,而我原来用1.4.2的时候是有这个方法。
看样子是这个jquery.form.js版本旧了,我看了一下是2.07版,于是到网上去找了一个更新的版本3.50,换了新版本后一切正常了。
如果不想升级新版本也有另一个方法解决就是自己增加方法httpData和handleError方法,具体内容可以去jquery1.4.2里面看。
下载地址http://download.csdn.net/download/yusewuhen/7203209