我们的目标效果:网站后台图片上传,点击上传选择图片,上传成功之后自动把图片名称放在input文本框内!! 先说使用方法吧:(代码在下方自行复制,共三个demo页) 首先,最好单独创建个文件夹把upimg.htm和uploadf.php页面放置在一起。(个人建议) 1.把Upl
我们的目标效果:网站后台图片上传,点击上传选择图片,上传成功之后自动把图片名称放在input文本框内!!
先说使用方法吧:(代码在下方自行复制,共三个demo页)
首先,最好单独创建个文件夹把upimg.htm和uploadf.php页面放置在一起。(个人建议)
1.把Upload页内的<script>部分粘贴到你的上传页面头部,<br>
然后再把下面的表单<input>内容复制到你的上传位置!<br>
注意修改的地方有:<form>里的name属性<br>
onClick里的window.open('upimg.htm')修改为你放置的路径!<br>
2.uploadf.php页:第5行代码设置你的上传路径!!<br>
第15行设置允许上传图片的格式!!<br>
<br>
好叻,看似好多代码,按照上述步骤很简单的分分钟就解决!快去试试上传吧~<br>
</script>
Upload.htm页面代码:
<script> function setFile(f1){ var str = f1; var n = str.lastIndexOf("/") //获取斜杠最后一次出现的位置 document.frm.logoImg.value= str.substring(n+1); } </script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>上传图片</title> <script language="javascript"> function $(id){ return document.getElementById(id); } function ok(){ $("logoimg").src = $("filename").value; } </script>
<meta charset="'utf-8'"> <?php if(!empty($_GET['submit'])) { $path="../../red_style/example/"; //上传路径 //echo $_FILES["filename"]["type"]; if(!file_exists($path)) { //检查是否有该文件夹,如果没有就创建,并给予最高权限 mkdir("$path", 0700); }//END IF //允许上传的文件格式 $tp = array("image/gif","image/jpeg","image/jpg","image/png"); //检查上传文件是否在允许上传的类型 if(!in_array($_FILES["filename"]["type"],$tp)) { echo "格式不对"; exit; }//END IF if($_FILES["filename"]["name"]) { $file1=$_FILES["filename"]["name"]; $file2 = $path.time().$file1; $flag=1; }//END IF if($flag) $result=move_uploaded_file($_FILES["filename"]["tmp_name"],$file2); //特别注意这里传递给move_uploaded_file的第一个参数为上传到服务器上的临时文件 if($result) { //echo "上传成功!".$file2; echo "<script language='javascript'>"; echo "alert(\"上传成功!\");"; //echo " location='add_aaa.php?pname=$file2'"; echo ""; echo("<input type='\"button\"' name='\"Submit\"' value='\"确定\"' onclick="\"window.opener.setFile('".$file2."');window.close();\"">"); echo "图片名称:".$file2; }//END IF } else { echo "file is null!"; } ?>