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 相关文章推荐
自动最大化窗口的Javascript代码
May 22 Javascript
Jquery取得iframe下内容的方法
Nov 18 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
Oct 25 Javascript
JS中parseInt()和map()用法分析
Dec 16 Javascript
详解在Vue中通过自定义指令获取dom元素
Mar 04 Javascript
Angularjs2不同组件间的通信实例代码
May 06 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
vue-cli + sass 的正确打开方式图文详解
Oct 27 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
Nov 26 Javascript
Vue中使用sass实现换肤功能
Sep 07 Javascript
layui 对弹窗 form表单赋值的实现方法
Sep 04 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 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
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
PHP操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
2011/11/10 PHP
thinkPHP中volist标签用法示例
2016/12/06 PHP
js css样式操作代码(批量操作)
2009/10/09 Javascript
js中函数声明与函数表达式
2015/06/03 Javascript
javascript弹出拖动窗口
2015/08/11 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
2016/12/28 Javascript
vue实现简单实时汇率计算功能
2017/01/15 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
ES6解构赋值的功能与用途实例分析
2017/10/31 Javascript
angularjs 页面自适应高度的方法
2018/01/17 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
2019/04/12 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
2019/05/18 Javascript
详解vue中的父子传值双向绑定及数据更新问题
2019/06/13 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
[36:33]完美世界DOTA2联赛循环赛 Matador vs Forest 第一场 11.06
2020/11/06 DOTA
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
Python之使用adb shell命令启动应用的方法详解
2019/01/07 Python
Dlib+OpenCV深度学习人脸识别的方法示例
2019/05/14 Python
Python unittest装饰器实现原理及代码
2020/09/08 Python
css3实现的多级渐变下拉菜单导航效果代码
2015/08/31 HTML / CSS
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
美国值得信赖的婚恋交友网站:eHarmony
2018/10/04 全球购物
开放系统互连参考模型
2016/06/29 面试题
2015年银行工作总结范文
2015/04/01 职场文书
2016年秋季趣味运动会开幕词
2016/03/04 职场文书
2019年描写人生经典诗句大全
2019/07/08 职场文书
创业计划书之奶茶店开店方案范本!
2019/08/06 职场文书
浅析InnoDB索引结构
2021/04/05 MySQL
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle
windows10声卡驱动怎么安装?win10声卡驱动安装操作步骤教程
2022/08/05 数码科技