首页 > 代码库 > 使用iframe完成文件上传
使用iframe完成文件上传
在HTML页面
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>使用iframe完成文件上传</title> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript"> function iframeUp() { //生成一个名称 var fname = ‘up‘+Math.random(); //动态生成一个iframe标签 $("<iframe width=‘0‘ height=‘0‘ frameBorder=‘0‘ name=‘"+fname+"‘></iframe>").appendTo($(‘body‘)); //将form表示的target值改为iframe的name值 $("form:first").attr(‘target‘,fname); } </script> </head> <body> <h1>使用iframe完成文件上传</h1> <form action="upload.php" onsubmit="return iframeUp();" method="post" enctype="multipart/form-data"> <input type="file" name="pic" onchange="$(‘form‘).submit()" /> </form> <h2></h2> </body></html>
在php页面
<?php error_reporting(E_ALL &~ E_NOTICE); if($_FIELS[‘pic‘][‘error‘] != 0) { exit("没有文件被上传"); } //生成新的文件名 $arr = explode(".",$_FILES[‘pic‘][‘name‘]); $newFileName = @mt_rand(100000,999999).‘.‘.end($arr); //上传文件，并生成预览的效果 if(move_uploaded_file($_FILES[‘pic‘][‘tmp_name‘],"../uploads/".$newFileName)) { echo "<script type=‘text/javascript‘>parent.document.getElementsByTagName(‘h2‘)[0].innerHTML = ‘<img src=http://www.mamicode.com/"../uploads/{$newFileName}\" width=\"400px\" height=\"400px\"/>‘</script>"; }
使用iframe完成文件上传
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。