php+iframe 實現(xiàn)上傳文件功能示例
本文實例講述了php+iframe 實現(xiàn)上傳文件功能。分享給大家供大家參考,具體如下:
我們通過動態(tài)的創(chuàng)建iframe,修改form的target,來實現(xiàn)無跳轉的文件上傳。
具體的實現(xiàn)步驟
1.捕捉表單提交事件
2.創(chuàng)建一個iframe
3.修改表單的target,指向iframe
4.刪除iframe
file.html代碼如下:
<!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="upfile.php" method="post" id="upfileForm" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="submit" name="submit" value="上傳" /> </form> <div id="result"></div> </body> <script type="text/javascript" src="./jquery.js"></script> <script type="text/javascript"> $("#upfileForm").bind("submit", function() { var ifrName = 'upfile' + Math.random(); var ifr = $("<iframe name='" + ifrName + "' width='0' height='0' frameborder='0'></iframe>"); $("body").append(ifr); $(this).attr("target", ifrName); }); </script> </html>
upfile.php代碼如下:
<?php $uploadDir = './upload/'; if(!file_exists($uploadDir)) { @mkdir($uploadDir, 0777, true); } $uploadFile = $uploadDir . basename($_FILES['file']['name']); if(move_uploaded_file($_FILES['file']['tmp_name'], $uploadFile)) { echo "<script>parent.document.getElementById('result').innerHTML='OK';</script>"; } else { echo "<script>parent.document.getElementById('result').innerHTML='NO';</script>"; }
更多關于PHP相關內(nèi)容感興趣的讀者可查看本站專題:《php文件操作總結》、《PHP目錄操作技巧匯總》、《PHP常用遍歷算法與技巧總結》、《PHP數(shù)據(jù)結構與算法教程》、《php程序設計算法總結》及《PHP網(wǎng)絡編程技巧總結》
希望本文所述對大家PHP程序設計有所幫助。
相關文章
php5.4以上版本GBK編碼下htmlspecialchars輸出為空問題解決方法匯總
這篇文章主要介紹了php5.4以上版本GBK編碼下htmlspecialchars輸出為空問題解決方法匯總,本文給出多種解決這個問題的方法,需要的朋友可以參考下2015-04-04php使用simplexml_load_file加載XML文件并顯示XML的方法
這篇文章主要介紹了php使用simplexml_load_file加載XML文件并顯示XML的方法,實例分析了simplexml_load_file操作XML文件的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03PHP遍歷目錄函數(shù)opendir()、readdir()、closedir()、rewinddir()總結
這篇文章主要介紹了PHP遍歷目錄函數(shù)opendir()、readdir()、closedir()、rewinddir()總結,并給出了一個綜合使用這些函數(shù)的例子做了一個簡易文件瀏覽器,需要的朋友可以參考下2014-11-11