我们的目标效果:网站后台图片上传,点击上传选择图片,上传成功之后自动把图片名称放在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>
upimg.htm页面代码:
<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>
uploadf.php页面代码:
<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!"; } ?>个人主页

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

WebStorm Mac版
好用的JavaScript开发工具

SublimeText3汉化版
中文版,非常好用

Dreamweaver Mac版
视觉化网页开发工具

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

Atom编辑器mac版下载
最流行的的开源编辑器