這篇文章主要介紹了js實現頭像圖片切割縮放及無刷新上傳圖片的方法,涉及javascript結合php實現文件無刷新上傳等相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了js實現頭像圖片切割縮放及無刷新上傳圖片的方法。分享給大家供大家參考。具體如下：

fname：后臺接收時用的名字, 必填

funstr：開始上傳執行的函數, 默認無

funbak：上傳成功后的回調函數， 必填

furl：上傳地址; 默認當前form的提交頁面

注意：上傳地址和當前地址必須為同意域名否則回調函數獲取不到 上傳成功發回的地址。

a.php:

1. $path='a.jpg'; 
2. move_uploaded_file($_FILES['uimg']['tmp_name'],$path); 
3. exit(json_encode(array('ztai'=>true,'url'=>$path))); 

1. <form action="" method="get"> 
2. <input type="button" fname="uimg" funstr="function(){document.title='圖片正在上傳……';}" funbak="ddd" furl="a.php" value="本地上傳"> 
3. </form> 
4. <script type="text/javascript"> 
5. function ddd(da){ 
6. if(da.ztai){ 
7. document.title='上傳完成'; 
8. ui.success('上傳成功保存地址為'+da.url); 
9. } 
10. } 
11. </script> 

希望本文所述對大家的javascript程序設計有所幫助。