無刷新文件上傳 新聞發言人任職文件 新聞聯播文件稿 一號文件新聞發布

無刷新檔案上傳

ajax的FormData物件完成無刷新操作

ajax level 2 標準 可以對檔案操作，但只支援新的瀏覽器（不相容於低版的IE），是H5標準

注意事項：

1. 表單大小

   

2. 單一檔案上傳大小

   

   實操：

3. 寫一個form表單，但是要注意的是，不為form表單設定 enctype屬性

   

4. 為上傳的按鈕綁定一個點擊事件，完成ajax提交上傳文件

   

5. 利用FormData收集form表單裡面的資料（普通資料 + 上傳域裡面的）

   

6. 要利用ajax物件的upload成員的onprogress句柄來監控檔案上傳的情況

   1. 設定一個上傳進度條顯示框

   

   b)    css設置

   

   

   c)    設定監控檔案上傳事件

   

7. 要透過 onreadystatechange 來監控ajax操作

   

8. 發送ajax請求（注意：使用FormData來完成資料上傳的時候不需要設定ajax的請求頭）

   

9. 在onprogress 裡面利用 事件來源（上傳的那個檔案）做進度顯示

   

10. 伺服器data.php檔案實作上傳檔案處理

    

    iframe實現無刷新上傳

11. 建立一個index.php文件，設定上傳域

    

    

    技術點1： 需要設定表單提交開啟的視窗為 自己定義的一個 iframe

    技術點2： 在data.php 檔案需要處理產生的圖片，然後返回圖片URL位址，使用top獲取開啟目前iframe的窗口，修改img標籤的src屬性

    2. data.php 完成圖片的保存與返回

    

以上就介紹了無刷新文件上傳，包括了文件上傳,新文方面的內容，希望對PHP教程有興趣的朋友有所幫助。