js實(shí)現(xiàn)頭像圖片切割縮放及無(wú)刷新上傳圖片的方法
更新時(shí)間：2015年07月17日 12:03:39 作者：洞悉
這篇文章主要介紹了js實(shí)現(xiàn)頭像圖片切割縮放及無(wú)刷新上傳圖片的方法,涉及javascript結(jié)合php實(shí)現(xiàn)文件無(wú)刷新上傳等相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了js實(shí)現(xiàn)頭像圖片切割縮放及無(wú)刷新上傳圖片的方法。分享給大家供大家參考。具體如下：
fname：后臺(tái)接收時(shí)用的名字, 必填
funstr：開(kāi)始上傳執(zhí)行的函數(shù), 默認(rèn)無(wú)
funbak：上傳成功后的回調(diào)函數(shù)， 必填
furl：上傳地址； 默認(rèn)當(dāng)前form的提交頁(yè)面
注意：上傳地址和當(dāng)前地址必須為同意域名否則回調(diào)函數(shù)獲取不到 上傳成功發(fā)回的地址。
a.php:
$path='a.jpg';
move_uploaded_file($_FILES['uimg']['tmp_name'],$path);
exit(json_encode(array('ztai'=>true,'url'=>$path)));
<form action="" method="get">
<input type="button" fname="uimg" funstr="function(){document.title='圖片正在上傳……';}" funbak="ddd" furl="a.php" value="本地上傳">
</form>
<script type="text/javascript">
function ddd(da){
if(da.ztai){
document.title='上傳完成';
ui.success('上傳成功保存地址為'+da.url);
}
}
</script>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
對(duì)存在JavaScript隱式類(lèi)型轉(zhuǎn)換的四種情況的總結(jié)(必看篇)
下面小編就為大家?guī)?lái)一篇對(duì)存在JavaScript隱式類(lèi)型轉(zhuǎn)換的四種情況的總結(jié)(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
小程序?qū)崿F(xiàn)新用戶(hù)判斷并跳轉(zhuǎn)激活的方法
這篇文章主要介紹了小程序?qū)崿F(xiàn)新用戶(hù)判斷并跳轉(zhuǎn)激活的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
JS中節(jié)流和防抖函數(shù)的實(shí)現(xiàn)及區(qū)別示例
這篇文章主要為大家介紹了JS中節(jié)流和防抖函數(shù)的實(shí)現(xiàn)及使用區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06![JS寫(xiě)的數(shù)字拼圖小游戲代碼[學(xué)習(xí)參考]](http://img.jbzj.com/images/xgimg/bcimg3.png)
JS寫(xiě)的數(shù)字拼圖小游戲代碼[學(xué)習(xí)參考]
昨天沒(méi)事做，就用JS寫(xiě)了個(gè)數(shù)字拼圖的小游戲，自?shī)首詷?lè)。 可惜關(guān)于逆序數(shù)的問(wèn)題還沒(méi)解決，現(xiàn)在有時(shí)是拼不成的，大家見(jiàn)諒了。2008-10-10
javascript查詢(xún)字符串參數(shù)的方法
這篇文章主要介紹了javascript查詢(xún)字符串參數(shù)的方法,實(shí)例分析了javascript獲取URL中對(duì)應(yīng)參數(shù)的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細(xì)介紹了JS+DIV實(shí)現(xiàn)拖動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
CSS鼠標(biāo)響應(yīng)事件經(jīng)過(guò)、移動(dòng)、點(diǎn)擊示例介紹
本文為大家介紹下CSS 鼠標(biāo)響應(yīng)事件：鼠標(biāo)經(jīng)過(guò)CSS、鼠標(biāo)移動(dòng)CSS、鼠標(biāo)點(diǎn)擊CSS以及示例，喜歡的朋友可以參考下2013-09-09
下面小編就為大家?guī)?lái)一篇JavaScript必看小技巧(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
js獲取checkbox復(fù)選框選中的選項(xiàng)實(shí)例
這篇文章主要介紹了js如何獲取checkbox復(fù)選框選中的選項(xiàng),比較適合新手，需要的朋友可以參考下2014-08-08
在ECMAScript中，只有兩種執(zhí)行環(huán)境，全局環(huán)境和函數(shù)環(huán)境，每個(gè)函數(shù)都是一個(gè)執(zhí)行環(huán)境，包括嵌套函數(shù)。換句話(huà)說(shuō)，其他情況下即使變量聲明在一對(duì)大括號(hào)中，在括號(hào)外部仍然可以訪(fǎng)問(wèn)這些變量2010-12-12