本文實例講述了php+iframe 實現上傳文件功能。分享給大家供大家參考,具體如下:
我們通過動態的創建iframe,修改form的target,來實現無跳轉的文件上傳。
具體的實現步驟
1.捕捉表單提交事件
2.創建一個iframe
3.修改表單的target,指向iframe
4.刪除iframe
file.html代碼如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!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代碼如下:
1
2
3
4
5
6
7
8
9
10
11
|
<?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程序設計有所幫助。
原文鏈接:https://www.cnblogs.com/jkko123/p/6294583.html