最近在做一個文件上傳的功能，使用的是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即可

轉載于:https://www.cnblogs.com/entize/p/4633229.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的springMVC+ajaxFileUpload中文名乱码的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。