Flash图片上传组件 swfupload使用指南


Posted in Javascript onMarch 14, 2015

swfupload上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等,同时支持asp、asp.net、jsp、php等多语种

swfobject.addDomLoadEvent(function () {

               var swf = new fullAvatarEditor("swfContainer", {

                       id: 'swf',

                       upload_url: 'asp/Upload.asp',

                       src_upload:2

                   }, function (msg) {

                       switch(msg.code)

                       {

                           case 1 : alert("页面成功加载了组件!");break;

                           case 2 : alert("已成功加载默认指定的图片到编辑面板。");break;

                           case 3 :

                               if(msg.type == 0)

                               {

                                   alert("摄像头已准备就绪且用户已允许使用。");

                               }

                               else if(msg.type == 1)

                               {

                                   alert("摄像头已准备就绪但用户未允许使用!");

                               }

                               else

                               {

                                   alert("摄像头被占用!");

                               }

                           break;

                           case 5 : 

                               if(msg.type == 0)

                               {

                                   if(msg.content.sourceUrl)

                                   {

                                       alert("原图已成功保存至服务器,url为:\n" + msg.content.sourceUrl);

                                   }

                                   alert("头像已成功保存至服务器,url为:\n" + msg.content.avatarUrls.join("\n"));

                               }

                           break;

                       }

                   }

               );

               document.getElementById("upload").onclick=function(){

                   swf.call("upload");

               };

           });

演示图:

Flash图片上传组件 swfupload使用指南

Flash图片上传组件 swfupload使用指南

以上就是本文关于swfupload的简单使用示例了,希望对大家能够有所帮助。

Javascript 相关文章推荐
用javascript控制iframe滚动的代码
Apr 10 Javascript
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
Feb 23 Javascript
jquery 无限级联菜单案例分享
Mar 26 Javascript
JavaScript编程中容易出BUG的几点小知识
Jan 31 Javascript
jquery调整表格行tr上下顺序实例讲解
Jan 09 Javascript
基于jquery实现轮播焦点图插件
Mar 31 Javascript
浅谈JS原生Ajax,GET和POST
Jun 08 Javascript
vue2.0多条件搜索组件使用详解
Mar 26 Javascript
Javascript实现基本运算器
Jul 15 Javascript
微信小程序支付功能 php后台对接完整代码分享
Jun 12 Javascript
javascript实现导航栏分页效果
Jun 27 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 Vue.js
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
Mar 14 #Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
Mar 14 #Javascript
javascript实现数独解法
Mar 14 #Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 #Javascript
纯javascript实现简单下拉刷新功能
Mar 13 #Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
Mar 13 #Javascript
node.js [superAgent] 请求使用示例
Mar 13 #Javascript
You might like
简单的PHP图片上传程序
2008/03/27 PHP
php处理带有中文URL的方法
2016/07/11 PHP
浅谈PHP之ThinkPHP框架使用详解
2020/07/21 PHP
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
JavaScript模拟实现键盘打字效果
2015/06/29 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
2016/08/17 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
2016/09/04 Javascript
利用Angularjs实现幻灯片效果
2016/09/07 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
2017/07/05 jQuery
微信小程序 本地图片按照屏幕尺寸处理
2017/08/04 Javascript
jquery对table做排序操作的实例演示
2017/08/10 jQuery
express+mockjs实现模拟后台数据发送功能
2018/01/07 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
2019/03/14 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
解决Vue打包上线之后部分CSS不生效的问题
2019/11/12 Javascript
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
[05:53]敌法师的金色冠名ID"BurNIng",是传说,是荣耀
2020/07/11 DOTA
python实现查找两个字符串中相同字符并输出的方法
2015/07/11 Python
Python编程实现线性回归和批量梯度下降法代码实例
2018/01/04 Python
python dataframe astype 字段类型转换方法
2018/04/11 Python
Jupyter notebook 启动闪退问题的解决
2020/04/13 Python
浅谈Keras中shuffle和validation_split的顺序
2020/06/19 Python
如何在keras中添加自己的优化器(如adam等)
2020/06/19 Python
Python使用Selenium模拟浏览器自动操作功能
2020/09/08 Python
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
幼儿园户外活动总结
2014/07/04 职场文书
2014年军人思想汇报范文
2014/10/12 职场文书
Python入门之基础语法详解
2021/05/11 Python
Java数组与堆栈相关知识总结
2021/06/29 Java/Android
详解如何使用Nginx解决跨域问题
2022/05/06 Servers