使用Struts2上传文件

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