基于PHP的AJAX技術(shù)的具體應(yīng)用解析
我們今天為大家?guī)淼氖怯嘘P(guān)基于PHP的AJAX技術(shù)的具體應(yīng)用。主要是關(guān)于基于PHP的AJAX技術(shù)在實(shí)現(xiàn)文件異步上傳上的具體操作方法。異步的文件上傳是在現(xiàn)代的AJAX實(shí)現(xiàn)的Web應(yīng)用里面經(jīng)常要遇到,必須解決的問題。
#t#但是標(biāo)準(zhǔn)的AJAX類(XmlHttpRequest)無法實(shí)現(xiàn)傳輸文件的功能。因此,這里討論的內(nèi)容就是如何在基于PHP的AJAX技術(shù)的基礎(chǔ)之上構(gòu)建異步的文件上傳功能。在這個(gè)功能當(dāng)中需要使用到內(nèi)置的框及(IFRAME)來傳輸文件。這個(gè)功能實(shí)現(xiàn)的效果是頁(yè)面在上傳文件的時(shí)候,用戶還可以使用該頁(yè)面并且填寫文件描述。
這個(gè)例子是我們引用AJAX的經(jīng)典案例進(jìn)行分析的。
系統(tǒng)環(huán)境
· 較新版本的瀏覽器。例如Opera,F(xiàn)irefox或者 Internet Explorer。
· PHP 4.3.0 或更高版本
· PHP 5 版本
· PHP 中的 'short_open_tag' 選項(xiàng)開啟(否則會(huì)發(fā)生解析錯(cuò)誤)。
基于PHP的AJAX技術(shù)功能分析
通過內(nèi)置的IFRAME(框架)進(jìn)行文件上傳。具備包括三個(gè)部分組成。
· 在頁(yè)面中間有一個(gè)簡(jiǎn)單的<form...表單,表單只包含了<input type="file" ... >控件。這個(gè)表單的目標(biāo)鏈接就是一個(gè)隱藏得IFRAME(通過 CSS的風(fēng)格" display: none;"實(shí)現(xiàn))并且表單里面唯一一個(gè)控件的OnChange事件用來觸發(fā)javascript函數(shù)。這個(gè)函數(shù)的作用是檢查用戶提交的擴(kuò)展名,然后提交表單。
· 在服務(wù)器端用PHP編寫了一個(gè)處理過程(用FILEFRAME坐注釋了)。這個(gè)處理過程用來把從客戶端上傳的文件進(jìn)行檢查后保存在服務(wù)器,并且通過 Javascript代碼的形式返回給用戶。返回給用戶的Javascript腳本通過"parent.window.document"更改了用戶現(xiàn)在正在查看的頁(yè)面,設(shè)置了文件的名稱并啟用了讓用戶提交表單的按鈕。啟用按鈕的操作是通過getElementById函數(shù)實(shí)現(xiàn)的。
· 在主頁(yè)面還有一個(gè)表單,它包含了用戶提交的描述和隱藏的文件名。用戶可以在文件上傳的同時(shí)填寫文件的描述。當(dāng)文件上傳結(jié)束以后,用戶點(diǎn)擊按鈕,就可以看上傳以后返回給用戶的文件信息了。(通過返回來的文件名和用戶輸入的描述構(gòu)成文件信息)。
可能你會(huì)說這么操作不符合常理:文件在用戶確認(rèn)之前就已經(jīng)被提交了。如果用戶沒有提交的話,情況會(huì)如何呢。你可以自己在擴(kuò)展處理被用戶放棄的文件。
這個(gè)例子把文件存儲(chǔ)在一個(gè)文件系統(tǒng)的目錄下。你需要在腳本開始運(yùn)行的時(shí)候配置下這個(gè)目錄,具體的包含這個(gè)目錄信息的變量是$upload_dir 和$web_upload_dir。這里有一個(gè)對(duì)目錄是否可寫的權(quán)限檢查。
這里我們用到了以下幾個(gè)PHP函數(shù):
· move_uploaded_file - 轉(zhuǎn)移一經(jīng)上傳到服務(wù)器的文件
· fopen - 打開文件
· fwrite - 把內(nèi)容寫入文件
· fclose - 關(guān)閉文件
· str_replace - 替換字符串
· filesize - 返回文件大小
· filemtime - 返回處理時(shí)間
在運(yùn)用基于PHP的AJAX技術(shù)時(shí)你可以通過手冊(cè)查到這些函數(shù)如何使用。請(qǐng)注意要把HTM(<, >, &)標(biāo)記替換為(<, > 和 &).