php+iframe 实现上传文件功能示例
2020-03-11 17:00
741 查看
本文实例讲述了php+iframe 实现上传文件功能。分享给大家供大家参考,具体如下:
我们通过动态的创建iframe,修改form的target,来实现无跳转的文件上传。
具体的实现步骤
1.捕捉表单提交事件
2.创建一个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相关内容感兴趣的读者可查看本站专题:《php文件操作总结》、《PHP目录操作技巧汇总》、《PHP常用遍历算法与技巧总结》、《PHP数据结构与算法教程》、《php程序设计算法总结》及《PHP网络编程技巧总结》
希望本文所述对大家PHP程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- php利用iframe实现无刷新文件上传功能的代码
- php利用iframe实现无刷新文件上传功能的代码
- PHP实现通过CURL上传文件功能示例
- PHP使用HTML5 FileApi实现Ajax上传文件功能示例
- PHP实现带进度条的Ajax文件上传功能示例
- php利用iframe实现无刷新文件上传功能
- PHP使用curl请求实现post方式上传图片文件功能示例
- php实现多文件上传功能
- php+ajax实现图片文件上传功能实例
- 简单实现php上传文件功能
- php iframe实现无刷新文件上传(无需ajax)
- iframe实现Ajax文件上传效果示例
- PHP实现的大文件切割与合并功能示例
- django框架实现一次性上传多个文件功能示例【批量上传】
- PHP实现ftp上传文件示例
- iframe实现Ajax文件上传效果示例
- html表单结合php实现上传文件功能并且监控文件上传的进度
- PHP实现的文件操作类及文件下载功能示例
- PHP实现的数组和XML文件相互转换功能示例
- Laravel框架文件上传功能实现方法示例