我們都知道普通的文件上傳是通過表單進(jìn)行文件上傳的，還不能達(dá)到異步上傳的目的。通過使用某些技術(shù)手段，比如jquery form.js可以達(dá)到異步上傳的目的，但最重要的問題在于，它不能夠進(jìn)行多個(gè)文件的上傳。如果你要上傳多個(gè)文件，必須一個(gè)一個(gè)地上傳，同時(shí)還要在界面上處理當(dāng)上傳完一個(gè)文件之后，下一個(gè)文件上傳框的問題。
    現(xiàn)在我們有了一個(gè)更多的運(yùn)行，即使用swfupload進(jìn)行多文件異步上傳。顧名思義，它是一個(gè)flash的上傳工具，但在界面上的表現(xiàn)形式使它和普通的html元素一樣，沒有復(fù)雜的展現(xiàn)，就一個(gè)普通的上傳框，即可達(dá)到想要目的。

    關(guān)于swfupload的使用這里自不必多，這里主要介紹的是解決在java web開發(fā)過程中經(jīng)常碰到的驗(yàn)證失敗的問題。這是因?yàn)閒lash在上傳的時(shí)候使用的是和瀏覽器不同的會(huì)話，flash的SWFUpload上傳利用socket套接字進(jìn)行通信，所以導(dǎo)致session和原來上一次的會(huì)話不同，導(dǎo)致session丟失。這樣就導(dǎo)致服務(wù)器在驗(yàn)證時(shí)自然被認(rèn)為是新會(huì)話，從而驗(yàn)證不能通過，導(dǎo)致上傳不能成功了。
    解決問題的方法，就是讓flash在上傳文件的時(shí)候帶上同在一個(gè)界面的session標(biāo)識(shí)，這通常是修改其中的upload_url來達(dá)到我們的目的，修改如下所示：

upload_url: "/admin/infobuild/image/upload.action;jsessionid=${pageContext.session.id }"

<!-- 這句要房子jsp頁(yè)面中的script腳本中，或是放在servlet的response.getWriter()流中的script腳本中；總之要在swfupload 的js引入之前執(zhí)行 -->

window["sessionId"]="${pageContext.session.id}"; 

<!-- 這句話就可以在引入的js中使用 -->

upload_url: Gtip.util.addContextPath("/admin/infobuild/image/upload.action;jsessionId"  + "=" + window["sessionId"]),

以上方案是解決在jsp頁(yè)面中解決的取值java的變量值；

如上代碼的第一句放到j(luò)sp文件中，如jsp的公共include文件中。下面一句就放到j(luò)s文件中，如引入的upload.js文件當(dāng)中。
    但以上代碼還存在一個(gè)問題，就是默認(rèn)的sessionName問題。在tomcat或者其它j2ee容器，默認(rèn)的sessionName也是 jsessionId。如果我們修改了sessionName如通過tomcat的server.xml修改session_cookie_name，這樣默認(rèn)的sessionName就是我們修改之后的了。解決此問題，需要再加一個(gè)參數(shù)設(shè)置才可，如下所示：

<!-- 這三行放在include 導(dǎo)入的那個(gè)jsp的頁(yè)面中 -->

window["contextPath"] = "${pageContext.request.contextPath}";

window["sessionId"] = "${pageContext.session.id}";

window["sessionName"] = "jsessionId";

// js中使用jsp中設(shè)置的window的變量值

upload_url: addContextPath("/admin/infobuild/image/upload.action;" + window["sessionName"] + "=" + window["sessionId"])

以上代碼的前三行放到公共的include.jsp中，最后一行放到公共的upload.js中。這樣即可滿足最終要求了。
不過有一點(diǎn)不好的即是，在部署環(huán)境中時(shí)，如果部署環(huán)境修改了sessionName，則必須在此include.jsp中修改一個(gè)具體的sessionName才可。

轉(zhuǎn)載請(qǐng)標(biāo)明出處:i flym
本文地址:http://www.iflym.com/index.php/code/201108190001.html

版權(quán)所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明出處，謝謝