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

2019-12-18,,,,

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

  • web前端开发upload上传头像js示例代码
  • 全屏js头像上传插件源码高清版
  • JavaScript头像上传插件源码分享
  • php+js iframe实现上传头像界面无跳转
  • JS仿flash上传头像效果实现代码
  • 关于js拖拽上传 [一个拖拽上传修改头像的流程]
  • javascript头像上传代码实例

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

下载本文的Word格式文档,以方便收藏与打印。