AjaxFileUploader

官網連結

     phpletter官網首頁

     套件範例

     套件說明

     下載頁面 #Jquery Ajax File Uploader

AjaxFileUploaderV2.1

     ajaxfileupload.css//若要直接使用範例則保留。

     ajaxfileupload.js//處理上傳檔案時的js檔。

     ajaxfileupload.php//上傳檔案的頁面。

     ajaxfileupload_instructions.txt//套件說明。

     change_notes.php//版本說明。

     doajaxfileupload.php//處理上傳檔案後的php檔。

     jquery.js//jquery主程式。

     loading.gif//ajax動畫圖檔。

ajaxfileupload.php 較重要的html說明

     第65行//開始上傳圖片時的動畫圖片。

     第76行//基本的上傳檔案input。

     第81行//開始上傳的按鈕。

ajaxfileupload.php 較重要的js說明

     第10~16行//是按鈕開始上傳按鈕後，針對圖片loading的動作處理，即開始上傳時顯示圖片，完成後隱藏圖片。

     第18~44行//處理ajax傳值及回傳的處理，以下是參數的說明。

          url//目標路徑。

          secureuri//未使用，應該是使用ssl。

          fileElementId//處理上傳檔案時的名稱($_FILES['name'])。

          dataType//回傳的資料類型。

          data//額外送出的參數。

          success//回傳成功時。

          error//傳送階段發送錯誤時。

doajaxfileupload.php

     第5~35行//先判斷是否有上傳錯誤(標準的程序)。

     第36~38行//再判斷上傳的圖片是否存在。

     第39~45行//寫入檔案資訊於$msg，並刪除檔案。在43行時我們可以開始處理自己上傳的圖片。

     第46~49行//回傳json格式字串。