之前做一個文件上傳的，由于那段時間寫ajax比較多，所以就想利用Ajax來實現，后來發現，Ajax沒法實現文件上傳，

后來百度之，這里做個備忘。

提示：利用form表單的target屬性和iframe

一、上傳文件的一個php方法。
該方法接受一個$file參數，該參數為從客戶端獲取的$_FILES變量，返回重新命名后的文件名，如果上傳失敗，則返回空字符串。
php代碼

??? function uploadFile($file) {?
??????? // 上傳路徑???? $destinationPath = "./upload/";?
??????? if (!file_exists($destinationPath)){?
??????????? mkdir($destinationPath , 0777);???? }?
??????? //重命名
??????? $fileName = date('YmdHis') . '_' . iconv('utf-8' , 'gb2312' , basename($file['name']));?
??????? if (move_uploaded_file($file['tmp_name'], $destinationPath . $fileName)) {???????? return iconv('gb2312' , 'utf-8' , $fileName);?
??????? }???? return '';?
????? }?

二、客戶端HTML代碼
這里正是技巧所在，添加另一個iframe來實現。表單標簽form定義了一個屬性target，該屬性解釋如下：
[pre]target屬性：
_blank?? ----------?? 新開窗口
_self?? -----------?? 自身
_top?? ------------?? 主框架
_parent?? ---------?? 父框架
自定義名字???? -----?? 出現于框架結構，將會在該名稱的框架內打開鏈接

本例中采用iframe名字，所以表單在提交時會在iframe內打開鏈接（即無刷新，確切的說應該是
感覺無刷新）
在表單提交時，調用startUpload方法，當然這是JS定義的。
[/pre][pre]此外我們還定義一個span來顯示提示信息。代碼如下：
[/pre]xhtml代碼

??? <form id="upForm" action="upload.php" method="post" enctype="multipart/form-data" target="upload_target" οnsubmit="startUpload()"> 導入文件：<input type="file" name="myfile" id="myfile" />
??? <input type="submit" name="submitBtn" value="導入" /> <iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;">iframe>
??? form> <span id="info">span>?

三、JS部分
這部分比較簡單，只是顯示提示信息
javascript代碼
??? function startUpload() {?
??????? var spanObj = document.getElementById("info");???? spanObj.innerHTML = " 開始上傳";?
??? }?
??? function stopUpload(responseText){???? var spanObj = document.getElementById("info");?
??????? spanObj.innerHTML = " 上傳成功;???? spanObj.innerHTML = responseText;?
????? }?
接下來就要看服務器端得處理了。

四、服務器段處理部分
php代碼

??? $file = $_FILES['myfile'];?? $fileName = uploadFile($file);?
????? $result = readFromFile("./upload/" . $fileName);?

此外在后面還應該加上一句JS代碼用來調用stopUpload方法。
javascript代碼

????? window.top.window.stopUpload("");?

最后在補上php中的readFromFile方法，就大功告成了。
php代碼

??? function readFromFile($target_path) {?
??????? // 讀取文件內容???? $file = fopen($target_path,'r') or die("unable to open file");?
??????? $fileContent = '';???? while(!feof($file))?
??????? {???????? $str = fgets($file);?
??????????? $fileContent .= $str;???? }?
??????? fclose($file);???? return $fileContent;?
????? }?

轉載于:https://www.cnblogs.com/spemoon/archive/2011/01/07/1930221.html

總結

以上是生活随笔為你收集整理的iframe实现页面无刷新上传文件(PHP)----备忘的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。