js无权读取本地的文件,so不能上传文件但是
有这几种方法
1 iframe伪装 jquery-uploaded-file
2 swf插件 (这个不讲,是一个单独的软件
3 html5
iframe模拟ajax文件上传效果
1捕捉表单提交动作
2创建iframe
3target修改指向 iframe
4去掉iframe
<h1></h1> <!-- enctype 属性可能的值: application/x-www-form-urlencoded multipart/form-data text/plain 规定在发送表单数据之前如何对其进行编码。 target 规定在何处打开 action URL。(这边是iframe里) onsubmit 点击运行js的方法通过才到`action 文件上传说没上传 enctype没写--> <form action="7iframe.php" method="post" enctype="multipart/form-data"> <input type="file" name="pic"> <input type="submit" value="提交" > </form>
js部分(用了jquery) 创建iframe
技术上面应用了三层结构,AJAX框架,URL重写等基础的开发。并用了动软的代码生成器及数据访问类,加进了一些自己用到的小功能,算是整理了一些自己的操作类。系统设计上面说不出用什么模式,大体设计是后台分两级分类,设置好一级之后,再设置二级并选择栏目类型,如内容,列表,上传文件,新窗口等。这样就可以生成无限多个二级分类,也就是网站栏目。对于扩展性来说,如果有新的需求可以直接加一个栏目类型并新加功能操作
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
function upfile(){
// 创建iframe 和属性name
var ifname = 'up'+Math.random();
$('<iframe name="' + ifname +'"></iframe>').appendTo($('body'));
// form表单加入target属性,form点击在iframe打开
$('form:first').attr('target',ifname);
}
</script>php部分 error为0就代表文件上传成功 在之前写的h1标签里出现信息
<?php
if(empty($_FILES)){
exit('no file');
}
$error = $_FILES['pic']['error'] == 0 ? '上传成功':'上传失败';
echo "<script> parent.document.getElementsByTagName('h1')[0].innerHTML = '$error'</script>";
?>
以上就介绍了ajax--iframe模拟ajax文件上传效果,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。









