php iframe無刷新上傳檔案的實作程式碼
Jul 25, 2016 am 09:00 AM
无需刷新页面即可实现文件的上传,正在研究这块的朋友,可以作个参考。
有关iframe的内容,可以参考:html的iframe标签对象详解。 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Language" content="zh-cn" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="robots" content="all" /> <title>Iframe无刷新上传</title> <link rel="stylesheet" type="text/css" href="template/style.css" /> </head> <body onload='iframe1.window.location="show_image.php"'> <div id="header">AJAX无刷新上传演示</div> <div id="des"> 只允许上传格式为jpg,gif,png的图片,大小不超过1000K,上传后的图片会放在临时文件夹<br /> 浏览器必须支持JavaScript和没有屏蔽Iframe,不然将看不到效果 </div> <div id="mainform"> <form action="upload.php" method="post" enctype="multipart/form-data" name="upload_img" target="iframe1"> 选择要上传的图片:<input type="file" name="image"><br /> <input type="submit" value="上传图片"> </form> </div> <div id="message" style="display:none" onclick="this.style.display='none'"></div> <table id="maintable"> <tr> <td colspan="2" id="title">临时文件夹中的全部图片</td> </tr> <tr> <td> <form method="post" name="delimage" action="del.php" target="iframe1"> [删除所有图片] </form> </td> <td> <form method="post" name="showimage" action="show_image.php" target="iframe1"> [刷新所有图片] </form> </td> </tr> <tr> <td colspan="2"><div id="show_image"></div></td> </tr> </table> <br> <iframe name="iframe1" width="0" height="0" scrolling="no"></iframe> </body> </html> 登入後複製 |
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.保存文件位置:在哪里以及如何保護它?
3 週前
By DDD

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.保存文件位置:在哪里以及如何保護它?
3 週前
By DDD

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)