程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> php無刷新利用iframe實現頁面無刷新上傳文件(1/2)

php無刷新利用iframe實現頁面無刷新上傳文件(1/2)

編輯:關於PHP編程

利用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" onsubmit="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>

1 2

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved