仿iframe效果Aajx檔案上傳

2021-06-07 20:20:53 字數 1980 閱讀 1927

前段時間在解決ajax上傳檔案時折騰了好一陣。直接用$.post上傳文字資訊肯定是沒有問題的。但是$.post直接上傳是不可行的。

html:

1<iframename="ajaxupload"style="display:none">

2<formname="from1"id="from1"method="post"action="url"enctype="multipart/form-data"target="ajaxupload">

3<table>

4<tr>

5<td>附件:

6<td><inputtype="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是無法返回值的

01publicvoid upload()

02

10catch

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中搜尋的關鍵字生成的。前幾天我在專案中遇到這樣的問題,...