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 相关文章推荐
JS提交并解析后台返回的XML的代码
Nov 03 Javascript
ajax与302响应代码测试
Oct 23 Javascript
javaScript实现可缩放的显示区效果代码
Oct 26 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
js方法数据验证的简单实例
Sep 17 Javascript
微信小程序 支付功能开发错误总结
Feb 21 Javascript
JavaScript 中的 this 简单规则
Sep 19 Javascript
完美解决axios跨域请求出错的问题
Feb 05 Javascript
vue基于viewer实现的图片查看器功能
Apr 12 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
vue中使用vue-pdf的方法详解
Sep 05 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
php分页示例代码
2007/03/19 PHP
php异常处理使用示例
2014/02/25 PHP
PHP定时任务延缓执行的实现
2014/10/08 PHP
ThinkPHP 3.2 版本升级了哪些内容
2015/03/05 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
js动态创建表格,删除行列的小例子
2013/07/20 Javascript
JS控制一个DIV层在指定时间内消失的方法
2014/02/17 Javascript
jQuery通过扩展实现抖动效果的方法
2015/03/11 Javascript
纯javascript实现四方向文本无缝滚动效果
2015/06/16 Javascript
Bootstrap实现弹性搜索框
2016/07/11 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
对Angular中单向数据流的深入理解
2018/03/31 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
深入理解Node内建模块和对象
2019/03/12 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
JavaScript中的类型检查
2020/02/03 Javascript
javascript 数组(list)添加/删除的实现
2020/12/17 Javascript
Python中的ceil()方法使用教程
2015/05/14 Python
Pycharm技巧之代码跳转该如何回退
2017/07/16 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
Python实现统计给定列表中指定数字出现次数的方法
2018/04/11 Python
python 集合 并集、交集 Series list set 转换的实例
2018/05/29 Python
python画图的函数用法以及技巧
2019/06/28 Python
Python 合并多个TXT文件并统计词频的实现
2019/08/23 Python
python标准库os库的函数介绍
2020/02/12 Python
升级keras解决load_weights()中的未定义skip_mismatch关键字问题
2020/06/12 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
联想加拿大官方网站:Lenovo Canada
2018/04/05 全球购物
NYX Professional Makeup俄罗斯官网:世界知名的化妆品品牌
2019/12/26 全球购物
万能检讨书2000字
2014/10/17 职场文书
冲出亚马逊观后感
2015/06/03 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
Redis Lua脚本实现ip限流示例
2022/07/15 Redis