php實作頭像上傳預覽的功能實例詳解
這篇文章主要為大家詳細介紹了php實現頭像上傳預覽功能的相關資料，具有一定的參考價值，有興趣的小伙伴們可以參考一下
本文實例為大家分享了php實作頭像上傳預覽功能的具體程式碼，供大家參考，具體內容如下
主頁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>
<p id="zong">
<form id="sc" action="2.php" method="post" enctype="multipart/form-data" target="shangchuan">
<input type="hidden" name="tp" value="" id="tp" />
<p id="yl" style="background-image:url(./image/1.jpg)" class="nr">//头像显示的位置
<input type="file" name="file" id="file" onchange="document.getElementById('sc').submit()" />
</p>
<p class="nr">
</p>
</form>
<iframe style="display:none" name="shangchuan" id="shangchuan">
</iframe>
</p>
</body>
<script type="text/javascript">
//回调函数,调用该方法传一个文件路径，改变背景图
function showimg(url)
{
var p = document.getElementById("yl");
p.style.backgroundImage = "url("+url+")";
document.getElementById("tp").value = url;
}
</script>
</html>處理頁面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"]; //头像存储的路径
$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>";
}
}
}開啟顯示:
點擊圖片位置彈出選擇框：
#選擇圖片完成後：
以上是php實作頭像上傳預覽的功能實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如果session_start（）被多次調用會發生什麼？
Apr 25, 2025 am 12:06 AM
多次調用session_start()會導致警告信息和可能的數據覆蓋。 1)PHP會發出警告，提示session已啟動。 2)可能導致session數據意外覆蓋。 3)使用session_status()檢查session狀態，避免重複調用。
作曲家：通過AI的幫助開發PHP
Apr 29, 2025 am 12:27 AM
AI可以幫助優化Composer的使用，具體方法包括：1.依賴管理優化：AI分析依賴關係，建議最佳版本組合，減少衝突。 2.自動化代碼生成：AI生成符合最佳實踐的composer.json文件。 3.代碼質量提升：AI檢測潛在問題，提供優化建議，提高代碼質量。這些方法通過機器學習和自然語言處理技術實現，幫助開發者提高效率和代碼質量。
session_start（）函數的意義是什麼？
May 03, 2025 am 12:18 AM
session_start（）iscucialinphpformanagingusersessions.1）ItInitiateSanewsessionifnoneexists，2）resumesanexistingsessions，and3）setsasesessionCookieforContinuityActinuityAccontinuityAcconActInityAcconActInityAcconAccRequests，EnablingApplicationsApplicationsLikeUseAppericationLikeUseAthenticationalticationaltication and PersersonalizedContentent。
如何使用MySQL的函數進行數據處理和計算
Apr 29, 2025 pm 04:21 PM
MySQL函數可用於數據處理和計算。 1.基本用法包括字符串處理、日期計算和數學運算。 2.高級用法涉及結合多個函數實現複雜操作。 3.性能優化需避免在WHERE子句中使用函數，並使用GROUPBY和臨時表。
H5：HTML5的關鍵改進
Apr 28, 2025 am 12:26 AM
HTML5帶來了五個關鍵改進：1.語義化標籤提升了代碼清晰度和SEO效果；2.多媒體支持簡化了視頻和音頻嵌入；3.表單增強簡化了驗證；4.離線與本地存儲提高了用戶體驗；5.畫布與圖形功能增強了網頁的可視化效果。
作曲家：PHP開發人員的軟件包經理
May 02, 2025 am 12:23 AM
Composer是PHP的依賴管理工具，通過composer.json文件管理項目依賴。 1)解析composer.json獲取依賴信息；2)解析依賴關係形成依賴樹；3)從Packagist下載並安裝依賴到vendor目錄；4)生成composer.lock文件鎖定依賴版本，確保團隊一致性和項目可維護性。
MySQL的字符集和排序規則如何配置
Apr 29, 2025 pm 04:06 PM
在MySQL中配置字符集和排序規則的方法包括：1.設置服務器級別的字符集和排序規則：SETNAMES'utf8';SETCHARACTERSETutf8;SETCOLLATION_CONNECTION='utf8_general_ci';2.創建使用特定字符集和排序規則的數據庫：CREATEDATABASEexample_dbCHARACTERSETutf8COLLATEutf8_general_ci;3.創建表時指定字符集和排序規則：CREATETABLEexample_table(idINT
怎樣在C 中使用type traits？
Apr 28, 2025 pm 08:18 PM
typetraits在C 中用於編譯時類型檢查和操作，提升代碼的靈活性和類型安全性。 1)通過std::is_integral和std::is_floating_point等進行類型判斷，實現高效的類型檢查和輸出。 2)使用std::is_trivially_copyable優化vector拷貝，根據類型選擇不同的拷貝策略。 3)注意編譯時決策、類型安全、性能優化和代碼複雜性，合理使用typetraits可以大大提升代碼質量。
