php+iframe 實現(xiàn)上傳文件功能示例
本文實例講述了php+iframe 實現(xiàn)上傳文件功能。分享給大家供大家參考,具體如下:
我們通過動態(tài)的創(chuàng)建iframe,修改form的target,來實現(xiàn)無跳轉(zhuǎn)的文件上傳。
具體的實現(xiàn)步驟
1.捕捉表單提交事件2.創(chuàng)建一個iframe3.修改表單的target,指向iframe4.刪除iframe
file.html代碼如下:
<!DOCTYPE HTML><html lang='zh-CN'><head> <meta charset='UTF-8'> <title></title></head><body> <form action='upfile.php' method='post' 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='http://www.cgvv.com.cn/bcjs/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>';}
更多關(guān)于PHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《php文件操作總結(jié)》、《PHP目錄操作技巧匯總》、《PHP常用遍歷算法與技巧總結(jié)》、《PHP數(shù)據(jù)結(jié)構(gòu)與算法教程》、《php程序設(shè)計算法總結(jié)》及《PHP網(wǎng)絡(luò)編程技巧總結(jié)》
希望本文所述對大家PHP程序設(shè)計有所幫助。
相關(guān)文章:
1. python中scrapy處理項目數(shù)據(jù)的實例分析2. 教你在 IntelliJ IDEA 中使用 VIM插件的詳細教程3. IntelliJ IDEA導(dǎo)入jar包的方法4. js抽獎轉(zhuǎn)盤實現(xiàn)方法分析5. Python requests庫參數(shù)提交的注意事項總結(jié)6. vue-electron中修改表格內(nèi)容并修改樣式7. iOS實現(xiàn)點贊動畫特效8. 通過Python pyecharts輸出保存圖片代碼實例9. SpringBoot參數(shù)校驗與國際化使用教程10. PHP橋接模式Bridge Pattern的優(yōu)點與實現(xiàn)過程
