Flash图片上传组件 swfupload使用指南
作者:bea
swfupload上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等,同时支持asp、asp.net、jsp、php等多语种 代码如下: swfobject.addDomLoadEvent(function () { var swf = new fullAvatarEditor("swfContainer", { id: 'swf', upload_url: 'asp/Upload.asp',
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为:
" + msg.content.sourceUrl);
}
alert("头像已成功保存至服务器,url为:
" + msg.content.avatarUrls.join("
"));
}
break;
}
}
);
document.getElementById("upload").onclick=function(){
swf.call("upload");
};
});
演示图:
以上就是本文关于swfupload的简单使用示例了,希望对大家能够有所帮助。
有用 | 无用
代码如下:
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为:
" + msg.content.sourceUrl);
}
alert("头像已成功保存至服务器,url为:
" + msg.content.avatarUrls.join("
"));
}
break;
}
}
);
document.getElementById("upload").onclick=function(){
swf.call("upload");
};
});
演示图:
以上就是本文关于swfupload的简单使用示例了,希望对大家能够有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- Javascript中的方法链(Method Chaining)介绍
- Javascript中的apply()方法浅析
- Javascript中的Callback方法浅析
- Javascript中的call()方法介绍
- Javascript中的高阶函数介绍
- Javascript中this关键字的一些小知识
- Javascript URI 解析介绍
- PHP+jQuery+Ajax实现多图片上传效果
- jQuery oLoader实现的加载图片和页面效果
- jQuery实现购物车数字加减效果
- jQuery+PHP实现动态数字展示特效
- jQuery+slidereveal实现的面板滑动侧边展出效果
- jQuery+jRange实现滑动选取数值范围特效
- jQuery实现加入购物车飞入动画效果
- jQuery插件实现大图全屏图片相册
- jQuery实现精美的多级下拉菜单特效
- jQuery实现菜单式图片滑动切换
- jQuery.Highcharts.js绘制柱状图饼状图曲线图
- jQuery实现跨域iframe接口方法调用