您的位置:首页技术文章
文章详情页

php+iframe 实现上传文件功能示例

【字号: 日期:2022-09-11 11:07:26浏览:18作者:猪猪

本文实例讲述了php+iframe 实现上传文件功能。分享给大家供大家参考,具体如下:

我们通过动态的创建iframe,修改form的target,来实现无跳转的文件上传。

具体的实现步骤

1.捕捉表单提交事件2.创建一个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='https://www.haobala.com/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>';}

更多关于PHP相关内容感兴趣的读者可查看本站专题:《php文件操作总结》、《PHP目录操作技巧汇总》、《PHP常用遍历算法与技巧总结》、《PHP数据结构与算法教程》、《php程序设计算法总结》及《PHP网络编程技巧总结》

希望本文所述对大家PHP程序设计有所帮助。

标签: PHP
相关文章: