springMVC+ajaxFileUpload中文名亂碼的問題

最近在做一個文件上傳的功能，使用的是ajaxFileUpload作為前台上傳功能，實際使用中發現問題有2個

1、file組件的change事件只能觸發一次。

2、上傳的中文名亂碼

關於1：file組件的change事件觸發一次是因為ajaxFileUpload在復制頁面的file組件時候clone副本只克隆了dom並未clone事件導致被clone元素的事件只有第一次會發生變化。

在ajaxFileUpload的源代碼中將 var newElement = jQuery(oldElement).clone(); 改動為 var newElement = jQuery(oldElement).clone(true); 就能夠繼續觸發change事件了。

關於2：上傳中文文件名在后台會讀取到亂碼的原因是ajaxFileUpload是使用內建iframe和form組件來完成異步刷新的，斷點發現異步使用的form外部context的編碼為GBK

 

但是我工程和request的編碼都為UTF-8，這就導致了編碼不一致而出現亂碼，找到原因就在ajaxFileUpload的源碼中，內建的form表單提交之前設置下外部的編碼為UTF-8就能解決問題具體編碼如下

var form = jQuery('#' + formId);
jQuery(form).attr('action', s.url);
jQuery(form).attr('method', 'POST');
jQuery(form).attr('target', frameId);
if(form.encoding){
    jQuery(form).attr('encoding', 'multipart/form-data');                   
} else {    
    jQuery(form).attr('enctype', 'multipart/form-data');            
}    
 /*內建的dom默認編碼方式為GBK需要改變為UTF-8才能使后台接收到的文件名不亂碼*/
form.context.charset = "UTF-8";
jQuery(form).submit();

這樣就能解決后台接受文件名亂碼的問題了。

2015年7月16日18:24:24 編輯一下 原來之前的亂碼 是因為spring里面freemarker的配置有問題導致的 並不需要改動js的源代碼。。。。

將下面的配置GBK改為UTF-8即可