js實作頭像圖片切割縮放及無刷新上傳圖片的方法_javascript技巧

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

fname：後台接收時用的名字, 必填
funstr：開始上傳執行的函數, 預設無
funbak：上傳成功後的回呼函數， 必填
furl：上傳位址；預設目前form的提交頁面

注意：上傳位址和目前位址必須為同意網域名稱否則回呼函數取得不到 上傳成功寄回的位址。
 
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>

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