我们的目标效果:网站后台图片上传,点击上传选择图片,上传成功之后自动把图片名称放在input文本框内!!
先说使用方法吧:(代码在下方自行复制,共三个demo页)
首先,最好单独创建个文件夹把upimg.htm和uploadf.php页面放置在一起。(个人建议)
1.把Upload页内的
然后再把下面的表单内容复制到你的上传位置!
注意修改的地方有:
里的name属性onClick里的window.open('upimg.htm')修改为你放置的路径!
2.uploadf.php页:第5行代码设置你的上传路径!!
第15行设置允许上传图片的格式!!
好叻,看似好多代码,按照上述步骤很简单的分分钟就解决!快去试试上传吧~
Upload.htm页面代码:
function setFile(f1){
var str = f1;
var n = str.lastIndexOf("/") //获取斜杠最后一次出现的位置
document.frm.logoImg.value= str.substring(n+1);
}
请选择上传的图片上传图片
upimg.htm页面代码:
/p>
"http://www.w3.org/TR/html4/loose.dtd">
上传图片function $(id){
return document.getElementById(id);
}
function ok(){
$("logoimg").src = $("filename").value;
}
请选择上传的图片 |
注意:请上传XX*XX像素的gif|jpg|jpeg|png格式的图片
uploadf.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 "
echo "alert(\"上传成功!\");";
//echo " location='add_aaa.php?pname=$file2'";
echo "";
echo("");
echo "图片名称:".$file2;
}//END IF
} else {
echo "file is null!";
}
?>
个人主页