php文件上传后的效果预览-php开发知识文章-编程文章分享

这篇文章主要为大家详细介绍了php文件上传后的效果预览功能，具有一定的参考价值，感兴趣的小伙伴们参考一下

html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>预览</title>
</head>
<body>
<form id="sc" action="show.php" method="post" enctype="multipart/form-data" target="shangchuan">
    <input type="hidden" name="tp" value="" id="tp"/>
    <div id="yl">
        <input type="file" name="file" id="file" onchange="document.getElementById('sc').submit()"/>
    </div>
</form>
<iframe style="display:none" name="shangchuan" id="shangchuan"></iframe>
</body>
<script>
    //回调函数,调用该方法传一个文件路径，改变背景图
    function showimg(url) {
        var div = document.getElementById("yl");
        div.style.backgroundImage = "url(" + url + ")";
        document.getElementById("tp").value = url;
    }
</script>
</html>

php代码

show.php

if ($_FILES["file"]["error"]) {
    echo $_FILES["file"]["error"];
} else {
    if (($_FILES["file"]["type"] == "image/jpeg" ||
            $_FILES["file"]["type"] == "image/png") &&
        $_FILES["file"]["size"] < 1024000) {
        $fname = "./images/" . date("YmdHis") . $_FILES["file"]["name"];
        $filename = iconv("UTF-8", "gb2312", $fname);
        if (file_exists($filename)) {
            echo "<script>alert('该文件已存在！');</script>";
        } else {
            move_uploaded_file($_FILES["file"]["tmp_name"], $filename);
            $delurl = iconv("UTF-8", "gb2312", $_POST["tp"]);
            unlink($delurl); //删除文件
            echo "<script>parent.showimg('{$fname}');</script>";
        }
    }
}

以上就是本文php文件上传后的效果预览的全部内容，希望对大家的学习有所帮助，也希望大家多多支持本站。

php文件上传

php文件上传后的效果预览

相关推荐

请登录