前段時間在解決ajax上傳檔案時折騰了好一陣。直接用$.post上傳文字資訊肯定是沒有問題的。但是$.post直接上傳是不可行的。
html:
1
<
iframe
name
=
"ajaxupload"
style
=
"display:none"
>
2
<
form
name
=
"from1"
id
=
"from1"
method
=
"post"
action
=
"url"
enctype
=
"multipart/form-data"
target
=
"ajaxupload"
>
3
<
table
>
4
<
tr
>
5
<
td
>附件:
6
<
td
><
input
type
=
"file"
id
=
"document"
name
=
"document"
/>
7
8
9
這裡是重點。要上傳檔案enctype這個屬性不可少,target的值改為iframe的name的值。
下面寫一下js**,我是用的jquery所以在用的時候載入jquery的庫是必不可少的。
1
$(
function
()
else
5
});
這裡是做了乙個瀏覽器版本的判斷,因為ie是不太符合規範的乙個瀏覽器,尤其是ie6。ie6是不直接支援$("#idname").submit();這種方式的。
服務端如下,還得返回乙個值,直接submit是無法返回值的
01
public
void upload()
02
10
catch
11
14
}
模擬iframe其實是頁面區域性更新,但是頁面中的這個iframe沒有內容而且還是不顯示的,所以它重新整理了完全不會影響到整個頁面。
用CSS構建iframe效果
iframe應用很普遍,通常的需求有兩種 1.獲取iframe效果,就是帶乙個滾動條,可以省不少版面。2.要嵌乙個頁面,實現框架鏈結。如果不方便使用iframe,可以有如下相應解決方案 1.可以使用css布局來實現,即可以少乙個頁面,也可以提高執行效率。2.可以採用xmlhttp遠端獲取資料。a.直...
android 仿花椒送花效果
今天寫乙個單個的,明天寫乙個很多那種花向上運動的效果,單個的很簡單,就是繪製乙個二階或者三階貝塞爾曲線,然後不斷的去改變這個離曲線起點位置的值,就可以求出座標,這個都是api給我們提供好了的,我們只負責調就行,如果對path不熟悉的話,要先去看下path是怎麼回事,path是在繪製界是很重要的乙個類...
仿Google的Suggest效果
refer to url 用過google的同志都知道,在google搜尋欄裡只要輸入前幾個字元,google就會自動彈出乙個下拉列表,顯示相關記錄以及記錄數。這對正在搜尋的人是很有幫助的,當然這些相關記錄並不是隨機生成的,而是根據在google中搜尋的關鍵字生成的。前幾天我在專案中遇到這樣的問題,...