php實(shí)現(xiàn)頭像上傳預(yù)覽功能
更新時(shí)間：2017年04月27日 16:57:56 作者：v斌v
這篇文章主要為大家詳細(xì)介紹了php實(shí)現(xiàn)頭像上傳預(yù)覽功能的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了php實(shí)現(xiàn)頭像上傳預(yù)覽功能的具體代碼，供大家參考，具體內(nèi)容如下
主頁(yè)面1.php
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上傳頭像</title>
<style type="text/css">
*{
font-family:"微軟雅黑";}
#zong{
/*border:1px solid black;*/
position:relative;
width:52%;
height:500x;
left:24%}
.nr{
float:left;
margin-right:30px;}
#yl{width:240px; height:240px; background-size:240px 240px;}
#file{width:240px; height:240px; float:left; opacity:0;}
</style>
</head>
<body>
<div id="zong">
<form id="sc" action="2.php" method="post" enctype="multipart/form-data" target="shangchuan">
<input type="hidden" name="tp" value="" id="tp" />
<div id="yl" style="background-image:url(./image/1.jpg)" class="nr">//頭像顯示的位置
<input type="file" name="file" id="file" onchange="document.getElementById('sc').submit()" />
</div>
<div class="nr">
</div>
</form>
<iframe style="display:none" name="shangchuan" id="shangchuan">
</iframe>
</div>
</body>
<script type="text/javascript">
//回調(diào)函數(shù),調(diào)用該方法傳一個(gè)文件路徑，改變背景圖
function showimg(url)
{
var div = document.getElementById("yl");
div.style.backgroundImage = "url("+url+")";
document.getElementById("tp").value = url;
}
</script>
</html>
處理頁(yè)面2.php
<?php
session_start();
$uid = $_SESSION["uid"];
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 = "./a/image/".date("YmdHis").$_FILES["file"]["name"]; //頭像存儲(chǔ)的路徑
$filename = iconv("UTF-8","gb2312",$fname);
if(file_exists($filename))
{
echo "<script>alert('該文件已存在！');</script>";
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],$filename);
unlink($_POST["tp"]);
echo "<script>parent.showimg('{$fname}');</script>";
}
}
}
打開(kāi)顯示:
點(diǎn)擊圖片位置彈出選擇框：
選擇圖片完成后：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Symfony2框架學(xué)習(xí)筆記之表單用法詳解
這篇文章主要介紹了Symfony2框架學(xué)習(xí)筆記之表單用法,結(jié)合實(shí)例形式詳細(xì)分析了Symfony2針對(duì)表單的創(chuàng)建,校驗(yàn),提交等各種常用技巧,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了PHP微信紅包API接口，針對(duì)PHP微信公眾號(hào)自動(dòng)發(fā)送紅包API，PHP微信紅包API接口的主要代碼進(jìn)行分析，感興趣的小伙伴們可以參考一下2016-10-10
ThinkPHP框架實(shí)現(xiàn)數(shù)據(jù)增刪改
本文實(shí)例講述了thinkPHP數(shù)據(jù)庫(kù)增刪改查操作方法。分享給大家供大家參考。希望對(duì)大家學(xué)習(xí)使用thinkPHP有所幫助2017-05-05
PHP網(wǎng)頁(yè)游戲?qū)W習(xí)之Xnova(ogame)源碼解讀（三）
這篇文章主要介紹了PHP網(wǎng)頁(yè)游戲Xnova(ogame)源碼解讀的用戶注冊(cè)頁(yè)面,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了PHP接入微信H5支付的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
關(guān)于DISCUZ不用通行證登陸得內(nèi)容介紹
DISCUZ是中國(guó)最常用的論壇，雖然他本身有通行證給大家連接，但實(shí)際上用戶的統(tǒng)一還是很不好，經(jīng)常要建立兩個(gè)用戶表，第一不利于注冊(cè)和管理，第二浪費(fèi)數(shù)據(jù)庫(kù)。2008-10-10
這篇文章主要介紹了ThinkPHP中數(shù)據(jù)操作方法,實(shí)例分析并總結(jié)了ThinkPHP數(shù)據(jù)庫(kù)操作的心得,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
PHP+Ajax異步通訊實(shí)現(xiàn)用戶名郵箱驗(yàn)證是否已注冊(cè)( 2種方法實(shí)現(xiàn))
在網(wǎng)站注冊(cè)用戶時(shí)使用，主要為了無(wú)刷新異步驗(yàn)證用戶輸入的用戶名或者Email是否已注冊(cè)。2011-12-12
這篇文章主要介紹了PHP設(shè)計(jì)模式(觀察者模式),本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07
MAC本來(lái)就自帶了 php，但是很多擴(kuò)展沒(méi)有安裝，所以選擇了重新安裝php并升級(jí)到最新版，下面說(shuō)說(shuō)安裝步驟，希望對(duì)大家有所幫助2014-08-08