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

 更新时间:2015年07月17日 12:03:39   作者:洞悉  
这篇文章主要介绍了js实现头像图片切割缩放及无刷新上传图片的方法,涉及javascript结合php实现文件无刷新上传等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

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

相关文章

  • JS实现动画兼容性的transition和transform实例分析

    JS实现动画兼容性的transition和transform实例分析

    这篇文章主要介绍了JS实现动画兼容性的transition和transform方法,结合实例形式分析了transition和transform方法针对手机端浏览器兼容性问题上的相关处理技巧,需要的朋友可以参考下
    2016-12-12
  • JavaScript隐式类型转换代码实例

    JavaScript隐式类型转换代码实例

    这篇文章主要介绍了JavaScript隐式类型转换代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • JavaScript 10件让人费解的事情

    JavaScript 10件让人费解的事情

    JavaScript 可算是世界上最流行的编程语言,它曾被 Web 开发设计师贴上噩梦的标签,虽然真正的噩梦其实是 DOM API,这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言,如今越来越被重视,虽则如此,JavaScript 仍然拥有很多让人费解的东西。
    2010-02-02
  • JS动态创建元素的两种方法

    JS动态创建元素的两种方法

    这篇文章主要为大家详细介绍了JS动态创建元素的两种方法,字符串拼接形式,或是使用Document、Element对象自带的一些函数 ,需要的朋友可以参考下
    2016-04-04
  • JS实现弹性菜单效果代码

    JS实现弹性菜单效果代码

    这篇文章主要介绍了JS实现弹性菜单效果代码,可实现鼠标滑过后背景色滑块弹性滑过的效果,非常具有实用价值,需要的朋友可以参考下
    2015-09-09
  • JavaScript实现显示隐藏表单文字

    JavaScript实现显示隐藏表单文字

    这篇文章主要为大家详细介绍了JavaScript实现显示隐藏表单文字,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • js实现文字跑马灯效果

    js实现文字跑马灯效果

    本文主要介绍了js实现文字超过显示宽度每间隔1s自动向左滚动显示的跑马灯效果,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 基于复选框demo(分享)

    基于复选框demo(分享)

    下面小编就为大家带来一篇基于复选框demo(分享)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • js下拉选择框与输入框联动实现添加选中值到输入框的方法

    js下拉选择框与输入框联动实现添加选中值到输入框的方法

    这篇文章主要介绍了js下拉选择框与输入框联动实现添加选中值到输入框的方法,涉及javascript中onchange事件及页面元素遍历的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JS+CSS实现仿雅虎另类滑动门切换效果

    JS+CSS实现仿雅虎另类滑动门切换效果

    这篇文章主要介绍了JS+CSS实现仿雅虎另类滑动门切换效果,涉及JavaScript响应鼠标事件及针对页面元素的嵌套循环遍历技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10

最新评论