實(shí)現(xiàn)步驟，引入plupload上傳插件，并設(shè)置multi_selection為單文件上傳。
上傳頭像代碼：var?uploader_avatar?=?new?plupload.Uploader({//創(chuàng)建實(shí)例的構(gòu)造方法?<br>
????runtimes:?'gears,html5,html4,silverlight,flash',?//上傳插件初始化選用那種方式的優(yōu)先級(jí)順序?<br>
????browse_button:?['avatar_uplpad_btn'],?//?上傳按鈕?<br>
????url:?"ajax.php",?//遠(yuǎn)程上傳地址?<br>
????flash_swf_url:?'js/plugins/plupload/Moxie.swf',?//flash文件地址?<br>
????silverlight_xap_url:?'js/plugins/plupload/Moxie.xap',?//silverlight文件地址?<br>
????filters:?{?<br>
????????max_file_size:?'10mb',?//最大上傳文件大?。ǜ袷?00b,?10kb,?10mb,?1gb）?<br>
????????mime_types:?[//允許文件上傳類型?<br>
????????????{title:?"files",?extensions:?"jpg,png,gif,jpeg"}?<br>
????????]?<br>
????},?<br>
????multi_selection:?false,?//true:ctrl多文件上傳,?false?單文件上傳?<br>
????init:?{?<br>
????????FilesAdded:?function(up,?files)?{?//文件上傳前?<br>
?<br>
????????????uploader_avatar.start();?<br>
????????},?<br>
????????UploadProgress:?function(up,?file)?{?//上傳中，顯示進(jìn)度條?<br>
????????????var?percent?=?file.percent;?<br>
????????????$("#"?+?file.id).find('.bar').css({"width":?percent?+?"%"});?<br>
????????????$("#"?+?file.id).find(".percent").text(percent?+?"%");?<br>
????????},?<br>
????????FileUploaded:?function(up,?file,?info)?{?//文件上傳成功的時(shí)候觸發(fā)?<br>
????????????var?data?=?eval("("?+?info.response?+?")");//解析返回的json數(shù)據(jù)?<br>
????????????$("#avatar_pic").html("<img alt="PHP個(gè)人中心頭像上傳演示和下載" >")?<br>
????????},?<br>
????????Error:?function(up,?err)?{?//上傳出錯(cuò)的時(shí)候觸發(fā)?<br>
????????????alert(err.message);?<br>
????????}?<br>
????}?<br>
});?<br>
uploader_avatar.init();在線上傳頭像演示：http://www.sucaihuo.com/js/880.html
云棲大會(huì)北京站：阿里技術(shù)專家難得出鏡，這次一下來了100多位？！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
熱門話題
Go語言程式設(shè)計(jì)實(shí)例：Web開發(fā)中的程式碼範(fàn)例
Mar 04, 2024 pm 04:54 PM
《Go語言程式設(shè)計(jì)實(shí)例：Web開發(fā)中的程式碼範(fàn)例》隨著網(wǎng)路的快速發(fā)展，Web開發(fā)已成為各行業(yè)中不可或缺的一部分。作為一門功能強(qiáng)大且效能優(yōu)越的程式語言，Go語言在Web開發(fā)中越來越受到開發(fā)者們的青睞。本文將透過具體的程式碼範(fàn)例，介紹如何利用Go語言進(jìn)行Web開發(fā)，讓讀者更能理解並運(yùn)用Go語言來建立自己的Web應(yīng)用。 1.簡單的HTTP伺服器首先，讓我們從一個(gè)
華為雲(yún)端邊緣運(yùn)算對(duì)接指南：Java程式碼範(fàn)例快速實(shí)作接口
Jul 05, 2023 pm 09:57 PM
華為雲(yún)端邊緣運(yùn)算對(duì)接指南：Java程式碼範(fàn)例快速實(shí)現(xiàn)介面隨著物聯(lián)網(wǎng)技術(shù)的快速發(fā)展和邊緣運(yùn)算的興起，越來越多的企業(yè)開始關(guān)注邊緣運(yùn)算的應(yīng)用。華為雲(yún)端提供了邊緣運(yùn)算服務(wù)，為企業(yè)提供了高可靠的運(yùn)算資源和便利的開發(fā)環(huán)境，使得邊緣運(yùn)算應(yīng)用更容易實(shí)現(xiàn)。本文將介紹如何透過Java程式碼快速實(shí)現(xiàn)華為雲(yún)端邊緣運(yùn)算的介面。首先，我們需要準(zhǔn)備好開發(fā)環(huán)境。確保你已經(jīng)安裝了Java開發(fā)工具包（
了解Python編程的入門級(jí)程式碼範(fàn)例
Jan 04, 2024 am 10:50 AM
了解Python程式設(shè)計(jì)的入門程式碼範(fàn)例Python是一種簡單易學(xué)，功能強(qiáng)大的程式語言。對(duì)於初學(xué)者來說，了解Python程式設(shè)計(jì)的入門級(jí)程式碼範(fàn)例是非常重要的。本文將為您提供一些具體的程式碼範(fàn)例，幫助您快速入門。列印HelloWorldprint("HelloWorld")這是Python中最簡單的程式碼範(fàn)例。 print()函數(shù)用於將指定的內(nèi)容輸出
Java實(shí)作簡單的冒泡排序程式碼
Jan 30, 2024 am 09:34 AM
Java冒泡排序最簡單的程式碼範(fàn)例冒泡排序是一種常見的排序演算法，它的基本想法是透過相鄰元素的比較和交換來將待排序序列逐步調(diào)整為有序序列。以下是一個(gè)簡單的Java程式碼範(fàn)例，示範(fàn)如何實(shí)作冒泡排序：publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int
PHP 變數(shù)的實(shí)際應(yīng)用：10 個(gè)實(shí)際使用範(fàn)例
Feb 19, 2024 pm 03:00 PM
PHP變數(shù)儲(chǔ)存程式運(yùn)行期間的值，對(duì)於建立動(dòng)態(tài)且互動(dòng)的WEB應(yīng)用程式至關(guān)重要。本文將深入探討php變量，並透過10個(gè)真實(shí)的範(fàn)例展示它們的實(shí)際應(yīng)用。 1.儲(chǔ)存使用者輸入$username=$_POST["username"];$passWord=$_POST["password"];此範(fàn)例從表單提交中提取使用者名稱和密碼，並將其儲(chǔ)存在變數(shù)中以供進(jìn)一步處理。 2.設(shè)定配置值$database_host="localhost";$database_username="username";$database_pa
如何使用PHP編寫庫存管理系統(tǒng)中的庫存分倉管理功能代碼
Aug 06, 2023 pm 04:49 PM
如何使用PHP編寫庫存管理系統(tǒng)中的庫存分倉管理功能碼庫存管理是許多企業(yè)中不可或缺的一部分。對(duì)於擁有多個(gè)倉庫的企業(yè)來說，庫存分倉管理功能尤其重要。透過合理管理和追蹤庫存，企業(yè)可以實(shí)現(xiàn)不同倉庫之間的庫存調(diào)撥，優(yōu)化營運(yùn)成本，改善協(xié)同效率。本文將介紹如何使用PHP編寫庫存分倉管理功能的程式碼，並為您提供相關(guān)的程式碼範(fàn)例。一、建立資料庫在開始編寫庫存分倉管理功能的程式碼之
從入門到精通：Go語言中常用資料結(jié)構(gòu)的程式碼實(shí)現(xiàn)
Mar 04, 2024 pm 03:09 PM
標(biāo)題：從入門到精通：Go語言中常用資料結(jié)構(gòu)的程式碼實(shí)作資料結(jié)構(gòu)在程式設(shè)計(jì)中起著至關(guān)重要的作用，它是程式設(shè)計(jì)的基礎(chǔ)。在Go語言中，有許多常用的資料結(jié)構(gòu)，掌握這些資料結(jié)構(gòu)的實(shí)作方式對(duì)於成為優(yōu)秀的程式設(shè)計(jì)師至關(guān)重要。本文將介紹Go語言中常用的資料結(jié)構(gòu)，並給出對(duì)應(yīng)的程式碼範(fàn)例，幫助讀者從入門到精通這些資料結(jié)構(gòu)。 1.數(shù)組（Array）數(shù)組是一種基本的資料結(jié)構(gòu)，是一組相同類型
指導(dǎo)與範(fàn)例：學(xué)習(xí)Java選擇排序演算法的實(shí)現(xiàn)
Feb 18, 2024 am 10:52 AM
Java選擇排序法程式碼編寫指南及範(fàn)例選擇排序是一種簡單直觀的排序演算法，其想法是每次從未排序的元素中選擇最?。ɑ蜃畲螅┑脑剡M(jìn)行交換，直到所有元素排序完成。本文將提供選擇排序的程式碼編寫指南，並附上具體的Java範(fàn)例程式碼。演算法原理選擇排序的基本原理是將待排序數(shù)組分為已排序和未排序兩部分，每次從未排序部分選擇最?。ɑ蜃畲螅┑脑兀瑢⑵浞诺揭雅判虿糠值哪┪?。重複上述
