js实现头像图片切割缩放及无刷新上传图片的方法

这篇文章主要介绍了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程序设计有所帮助。