php iframe 无刷新文件上传代码
发布:smiling 来源: PHP粉丝网 添加日期:2013-12-23 13:53:31 浏览: 评论:0
原理很简单,利用form表单的target属性和iframe来实现的,打开为iframe试就行了,返回就利用js判断php教程运行后返回的参数是不是成功.
一、上传文件的一个php方法.
该方法接受一个$file参数,该参数为从客户端获取的$_files变量,返回重新命名后的文件名,如果上传失败,则返回空字符串,php代码:
- function uploadfile($file) {
- // 上传路径 $destinationpath = "./upload/";
- if (!file_exists($destinationpath)){
- mkdir($destinationpath , 0777); }
- //重命名
- $filename = date('ymdhis') . '_' . iconv('utf-8' , 'gb2312' , basename($file['name']));
- if (move_uploaded_file($file['tmp_name'], $destinationpath . $filename)) { return iconv('gb2312' , 'utf-8' , $filename);
- } return '';
- }
二、客户端html代码
这里正是技巧所在,添加另一个iframe来实现,表单标签form定义了一个属性target,该属性解释如下:
target属性:_blank:新开窗口,_self:自身,_top:主框架,_parent:父框架,自定义名字:出现于框架结构,将会在该名称的框架内打开链接,本例中采用iframe名字,所以表单在提交时会在iframe内打开链接(即无刷新,确切的说应该是感觉无刷新),在表单提交时,调用startupload方法,当然这是js定义的。
此外我们还定义一个span来显示提示信息,代码如下:
- <form id="upform" action="upload.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="startupload()"> 导入文件:<input type="file" name="myfile" id="myfile" />
- <input type="submit" name="submitbtn" value="导入" /> <iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;">iframe>
- form> <span id="info">span>
三、js部分
这部分比较简单,只是显示提示信息
- function startupload() {
- var spanobj = document.getelementbyid("info"); spanobj.innerhtml = " 开始上传";
- }
- function stopupload(responsetext){ var spanobj = document.getelementbyid("info");
- spanobj.innerhtml = " 上传成功; spanobj.innerhtml = responsetext;
- }
接下来就要看服务器端得处理了。
四、服务器段处理部分,php代码:
- $file = $_files['myfile']; $filename = uploadfile($file);
- $result = readfromfile("./upload/" . $filename);
- //此外在后面还应该加上一句js代码用来调用stopupload方法。
- javascript代码
- window.top.window.stopupload("");
- //最后在补上php中的readfromfile方法,就大功告成了。
- php代码
- function readfromfile($target_path) {
- // 读取文件内容 $file = fopen($target_path,'r') or die("unable to open file");
- $filecontent = ''; while(!feof($file))
- { $str = fgets($file);
- $filecontent .= $str; }
- fclose($file); return $filecontent;
- }
总结:方法很简单扼要,如果你以前没想到觉得ajax无刷新文件上传很难,现在明白利用iframe target来制作就觉得很容易了。
Tags: iframe 刷新 文件上传
相关文章
- ·iframe无刷新文件上传实现程序(2014-01-05)
- ·php iframe实现无刷新文件上传(2014-09-02)
- ·php无刷新利用iframe实现页面无刷新上传文件(2014-09-08)
- ·php+iframe实现无刷新上传文件例子(2015-04-09)
- ·PHP+iFrame实现页面无需刷新的异步文件上传(2021-04-12)
- ·PHP+iframe模拟Ajax上传文件功能示例(2021-12-01)
- ·PHP jQuery ajax无刷新文件下载次数统计(2014-01-06)
- ·PHP+Ajax实现文件无刷新上传文件代码(2014-08-26)
- ·一个PHP无刷新上传文件程序代码(2014-08-27)
- ·PHP+Ajax图片上传并且无刷新生成缩略图预览(2016-01-28)
- ·php+ajax实现无刷新文件上传功能(ajaxuploadfile)(2021-09-03)
- ·php+js实现的无刷新下载文件功能示例(2021-12-11)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)