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


Posted in Javascript onJuly 17, 2015

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

Javascript 相关文章推荐
JQuery 选择器、过滤器介绍
Feb 14 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
Dec 24 Javascript
js身份证判断方法支持15位和18位
Mar 18 Javascript
node.js使用require()函数加载模块
Nov 26 Javascript
jQuery实现简单隔行变色的方法
Feb 20 Javascript
jQuery Checkbox 全选 反选的简单实例
Nov 29 Javascript
JavaScript学习笔记--常用的互动方法
Dec 07 Javascript
微信小程序 页面跳转传递值几种方法详解
Jan 12 Javascript
Vue.js对象转换实例
Jun 07 Javascript
基于DOM节点删除之empty和remove的区别(详解)
Sep 11 Javascript
Vue组件中的data必须是一个function的原因浅析
Sep 03 Javascript
Vue项目中配置pug解析支持
May 10 Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 #Javascript
javascript实现树形菜单的方法
Jul 17 #Javascript
JSON与XML优缺点对比分析
Jul 17 #Javascript
浅谈jQuery的offset()方法及示例分享
Jul 17 #Javascript
JavaScript用select实现日期控件
Jul 17 #Javascript
纯javascript制作日历控件
Jul 17 #Javascript
javascript生成不重复的随机数
Jul 17 #Javascript
You might like
古巴咖啡 Cubita琥爵咖啡 独特的加勒比海风味咖啡
2021/03/06 新手入门
PHP教程 基本语法
2009/10/23 PHP
Ubuntu下安装PHP的mongodb扩展操作命令
2015/07/04 PHP
学习php设计模式 php实现合成模式(composite)
2015/12/08 PHP
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
Javascript中的包装类型介绍
2015/04/02 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
jQuery CSS3相结合实现时钟插件
2016/01/08 Javascript
AngularJS动态加载模块和依赖的方法分析
2016/11/08 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
JS中原始值和引用值的储存方式示例详解
2018/03/23 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
使用webpack构建应用的方法步骤
2019/03/04 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
vue + typescript + 极验登录验证的实现方法
2019/06/27 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
2020/01/21 Javascript
[03:52]显微镜下的DOTA2第三期——英雄在无聊的时候干什么
2014/06/20 DOTA
[01:06:19]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第二场 1月8日
2021/03/11 DOTA
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
详解python之协程gevent模块
2018/06/14 Python
Anaconda下配置python+opencv+contribx的实例讲解
2018/08/06 Python
在Django admin中编辑ManyToManyField的实现方法
2019/08/09 Python
python tkinter基本属性详解
2019/09/16 Python
pygame实现俄罗斯方块游戏(AI篇2)
2019/10/29 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
深入浅析Python代码规范性检测
2020/07/31 Python
Android面试题附答案
2014/12/08 面试题
shell程序中如何注释
2012/01/28 面试题
策划助理岗位职责
2013/11/18 职场文书
大学生实习自我鉴定
2013/12/11 职场文书
2014年两会学习心得体会
2014/03/10 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
Redis 的查询很快的原因解析及Redis 如何保证查询的高效
2022/03/16 Redis