富头像上传编辑器(flash头像上传插件)

用cropper插件写上传头像(可头像截图) 用cropper插件写上传头像(可头像截图) 该篇博客主要介绍以下使用cropper插件来写一个完整的上传头像功能,带头像截图以及可预览。 目录 cropper插件 html部分 js部分 完整代码 cropper插件 这个功能主要基于cropper插件 下载cropper:github地址 直接使用npm下载 npm install cropper jquery... 阅读详情

富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等...
小巧的身材:文件大小仅仅只有 48 KB,而新浪的头像编辑器组件有 58.1 KB,更有甚者达 80 KB 之多以上。
漂亮的外观:灰色系的外观设计,适用于所有风格的站点。还可轻松地实现换肤。
强大的功能:原图支持本地上传、视频拍照和网络加载,图片编辑有缩放、裁剪、旋转、定位和调色等功能。
丰富的接口:可自定义头像(大小、数目...)、所有文本(包括其字体,大小,颜色,方便扩展多语言站点)、可在外部接口中定义选项卡、按钮...
跨平台兼容:运行环境Flash Player 10.1+,任何浏览器 IE All、Firefox、 Chrome、Opera...都正常使用。
极致的体验:人性化的设计方式,细节上精心的处理,用户使用起来得心应手。
快速上手
一:从 下载页面 下载插件包解压后,在页面的 head 标签内引入以下脚本文件
1
2
<script type="text/javascript" src="/scripts/swfobject.js"></script>
<script type="text/javascript" src="/scripts/fullAvatarEditor.js"></script>
二:调用方法
1
new fullAvatarEditor(swfContainerID, [height], [width], flashvars, [callback]);
返回值:object,该对象可调用call方法,请参见 call方法。
参数
名称 可选 类型 概述
swfContainerID 否 string 用以包裹Flash的HTML元素的ID。
height 是 number Flash的高度,默认为 600。
width 是 number Flash的宽度,默认为 630。
flashvars 否 object 将要传递到 flash 的 key/value 参数,请参见 配置参数。
callback 是 function flash执行某些操作时的回调函数,请参见 回调函数。
三:简单示例
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>Simple demo</title>
        <script type="text/javascript" src="/scripts/swfobject.js"></script>
        <script type="text/javascript" src="/scripts/fullAvatarEditor.js"></script>
    </head>
    <body>
        <div style="width:800px;margin: 0 auto;">
            <h1 style="text-align:center">富头像上传编辑器演示</h1>
            <div>
                <p id="swfContainer">
                    本组件需要安装Flash Player后才可使用,请从
                    <a href="http://xxx.adobe.com/go/getflashplayer">这里</a>
                    下载安装。
                </p>
            </div>
            <button type="button" id="upload">自定义上传按钮</button>
        </div>
        <script type="text/javascript">
            swfobject.addDomLoadEvent(function () {
                var swf = new fullAvatarEditor("swfContainer", {
                        id: 'swf',
                        upload_url: '/Upload.php',
                        src_url: "/samplePictures/Default.jpg",
                        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");
                };
            });
        </script>
    </body>
</html>
运行
更新记录
v2.0:新增在上传完成时(无论成功和失败),是否显示表示上传结果图标的参数:isShowUploadResultIcon;
          新增可自定义原图和头像表单域名称的参数:src_field_name 和 avatar_field_names。
v1.9:修复了原图url中带旋转参数时,另外上传/加载的图片会沿用当前旋转值的错误;
          视图参数(__initParams)新增选取框尺寸参数,至此视图已臻佳境。
v1.8:将追加到上传接口url后的参数的提交方式更改为POST,避免参数中含有特殊字符(如base64中的+号)时产生错误。
          修复了将头像颜色调整工具隐藏(avatar_tools_visible=false)时,部分版本的 Flash Player 产生异常的错误;
          修复了部分奇葩的图片在编码时产生异常的错误。
v1.7:修复了当加载的原图url中带视图参数(__initParams)时,旋转值未正确初始化的错误;
          优化了生成头像的速度。
v1.6:修复了后台只能获取upload_url(上传图片的接口)中首个参数的问题;
          提升了生成的头像图片的质量。
v1.5:新增头像保存时的缩放系数(需求大尺寸头像而又不想被其破坏页面布局时很有用);
          新增基于原图的初始化参数__initParams(表单字段,用于修改头像时保证视图跟保存头像时一致,帮助提升用户体验)。
v1.4:修复了上传原图时如果是使用摄像头拍照的方式而得到的原图并非来自摄像头的错误。
v1.3:修复头像颜色调整未渲染到生成的图片的bug;
          新增生成的图片的质量控制参数 quality。
v1.2:新增是否显示头像颜色调整工具的参数 avatar_tools_visible。
v1.1:将各矩形框的参数独立出来,更加方便外观的表现。
html5 头像上传更换插件 html5 头像上传更换插件,效果参考:http://www.jq22.com/yanshi5493 立即下载

相关推荐

FLASH头像上传截图插件.NET版本

FLASH头像上传截图插件.NET版本。本demo里面的是asp.net的版本,可以打开项目直接运行。相关的上传参数使用方法,HTML代码里面有具体的说明。

富头像上传编辑器

富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等... 小巧的身材:文件大小仅仅只有 48 KB,而新浪的头像编辑器组件有 58.1 KB,更有甚者达 80 KB 之多。漂亮的外观:灰色系的外观设计,适用于所有风格的站点。还可轻松地实现换肤。强大的功能:原图支持本地上传、视频拍照和网络加载,图片编辑有缩放、裁剪、旋转、定位

u012149354的专栏 1562

Ajax实现注册并选择头像后上传功能

主要介绍了Ajax实现注册并选择头像后上传功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下

您需要安装或启用Flash Player插件才能使用!该怎么处理呢

安装Flash Player:下载完成后,找到下载的Flash Player安装文件,双击打开并按照安装向导的提示进行安装。启用Flash:在Flash设置页面中,根据您的需求选择允许或询问Flash内容的选项。找到Flash设置:在隐私与安全页面中找到“网站设置”或“内容设置”选项,然后点击“更多内容设置”或类似的链接。如果您遇到无法安装或启用Flash Player插件的问题,请检查您的浏览器和操作系统是否支持Flash Player,或者尝试使用其他浏览器进行安装和启用。

autoFavoriter的博客 4882

不会ps,你也可以成为ps高手,最强傻瓜式人像一键磨皮美白瘦脸美妆PS插件

比如:美肤是用来去斑点的,如果效果不太理想,就加大百分比,反之就减小。瘦脸如果脸胖的就打开,正常的就关闭。所谓的一键调节,要不只能调节一种效果,要不就是个预设,然后让你自己再调。同时,该软件还加入了贴心的批量处理功能,能同时处理上千张照片,让您喝着茶也能将工作做完。、自动检测照片中的人脸,包括鼻子,嘴巴,耳朵,眼睛和眉毛。、依托强大的脸部识别功能,可以高效的对人物全身皮肤进行智能识别,处理,使肤质平滑、过渡均匀。,这是网上下载的模糊照片,经过简单处理,你可以发现,眼睛变的更亮,皮肤更白,眼袋消失。

心语家园 - www.xinyucn.cc 2899

解决Qt平台插件初始化失败:This application failed to start because no Qt platform plugin could be initialized

本文深入解析了Qt应用程序启动时常见的‘platform plugin’初始化失败报错,指出其核心在于环境变量冲突或多版本Qt共存导致的插件路径混乱。文章提供了从环境变量检查、路径调整到文件补全的完整解决方案,并给出了使用windeployqt工具等预防性开发实践,帮助用户和开发者彻底解决这一经典问题。

weixin_29229261的博客 2195

简易本地头像上传插件(simple-local-avatars)安装与使用指南

简易本地头像上传插件(simple-local-avatars)安装与使用指南 本指南将引导您了解并使用由10up维护的开源项目——简易本地头像上传插件(simple-local-avatars)。此插件允许WordPress用户上传本地头像,并按需生成不同尺寸,提供与Gravatar类似的功能。下面是关于该项目核心部分的介绍: 1. 项目目录结构及介绍 . ├── assets ...

gitblog_01094的博客 871

工业场景落地:Java+PaddleOCR实现高性能OCR文字识别的终极方案

本文深度解析基于Java的高性能工业级OCR实现方案,集成PP-OCRv5深度学习模型,提供: ✅ 多场景支持:手写体、竖排文本、票据表格的精准识别 ✅ 工业级性能:毫秒级响应,支持GPU加速与高并发处理 ✅ 开箱即用:通过Maven快速集成,5行代码完成文字识别 ✅ 完整技术栈:覆盖文本检测、方向校正、识别后处理全流程 附可运行示例代码,助您快速构建企业级OCR系统!

deng775747758的博客 3612

JavaScript头像图片上传插件支持上传类型大小尺寸验证

一行代码实现头像上传,图片大小、尺寸,类型验证。

无极低码 9605

群晖NAS搭建Git Server避坑指南:从SSH配置到权限管理的完整流程

本文提供了一份详尽的群晖NAS搭建Git Server实战指南。文章从启用并安全配置SSH服务入手,深入解析了用户权限体系设计、SSH连接与仓库初始化、客户端SSH密钥配置等核心步骤,并提供了常见错误排查与生产环境加固方案,帮助开发者成功构建私有、安全的代码托管平台。

rock5的博客 420

2.3 MMU Notifier(上):KVM 催生的页表变化通知

探讨了MMU Notifier机制的作用及其在虚拟化等场景中的应用。当CPU页表发生变更(如munmap、页面迁移等操作)时,需要通知拥有"第二套页表"的子系统(如KVM的EPT/NPT、IOMMU、GPU等)失效其映射。MMU Notifier通过订阅-通知机制实现这一功能,核心数据结构包括mmu_notifier订阅对象和回调接口mmu_notifier_ops。当CPU页表修改时,通过mmu_notifier_range描述变更范围,调用订阅者的回调函数进行同步,确保外部MMU与CPU页表一致性。

图形/计算GPU的驱动与虚拟化技术分享园地 1037

fullAvatarEditor富头像上传编辑器

富头像编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,能够对图片进行缩放、裁剪、旋转、定位和调色调节亮度等简单处理;富头像编辑器拥有很的参数配置,可根据自己的需要配置控件的功能;该控件要求浏览器需安装Flash Player后才能使用;下面是我做的一个小的Demo以说明富头像编辑器的使用方法。小巧的身材:文件大小仅仅只有 48 KB...

weixin_30430169的博客 111

EtherCAT ROS2 入门教程(一)

本文介绍了EtherCAT驱动与ROS2的集成方案,主要包括三部分内容:1)在Ubuntu 22.04上安装IgH EtherCAT主站的详细步骤,包括内核配置、源码编译和网络适配器设置;2)构建ethercat_driver_ros2,通过ros2_control描述文件配置硬件接口和EtherCAT从站模块插件;3)使用方法,包括启动EtherCAT主站和运行配置包。该方案支持通过参数文件定义硬件接口,并提供通用和专用两种EtherCAT模块插件,便于开发基于EtherCAT的工业应用。

机器人控制与仿真应用 1529

分享一款flash头像编辑上传利器:社交、博客等网站的好插件

富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等...小巧的身材:文件大小仅仅只有 46.3 KB,而新浪的头像编辑器组件有 58.1 KB,更有甚者达 80 KB 之多以上。漂亮的外观:灰色系的外观设计,适用于所有风格的站点。还可轻松地实现换肤。强大的功能:原图支持本地上传、视频拍照和网络加载,图...

weixin_33935505的博客 100

OpenClaw实战系列01:OpenClaw接入飞书机器人全接入指南 + Ollama本地大模型

通过 OpenClaw + Ollama + 飞书的组合,我们成功搭建了一个完全私有、免费、可定制的AI助理。它不仅能在日常聊天中提供帮助,还能通过OpenClaw强大的“技能”体系,真正去操作你的电脑、管理文件、甚至执行代码。这套方案将数据留在本地,既保证了隐私安全,又锻炼了动手能力。现在,去给你的AI助理添加更多酷炫的技能吧!

PeterPan的博客 1万+

关于红队方面的学习资料

关于红队方面的学习资料

Sumarua的博客 1084

php picload,flashuploadpic 富头像上传编辑器是一款支持本地 、预览、视频拍照和网络加载的 WEB(ASP,PHP,...) 262万源代码下载- www.pudn.com...

文件名称: flashuploadpic下载 收藏√ [5 4 3 2 1]开发工具: ASP文件大小: 854 KB上传时间: 2016-07-20下载次数: 0提 供 者: glave详细说明:富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等...小巧的身材:文件大小仅仅只有 50 KB,而新浪的头像编辑...

weixin_33602738的博客 170

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

fullavatareditor java上传_富头像上传编辑器-fullavatareditor

富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等... 小巧的身材:文件大小仅仅只有 48 KB,而新浪的头像编辑器组件有 58.1 KB,更有甚者达 80 KB 之多。 漂亮的外观:灰色系的外观设计,适用于所有风格的站点。还可轻松地实现换肤。 强大的功能:原图支持本地上传、视频拍照和网络加载,图片编辑有缩放、裁剪、旋转、定...

weixin_29281941的博客 193

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

fullavatareditor java上传_fullAvatarEditor富头像上传编辑器

富头像编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,能够对图片进行缩放、裁剪、旋转、定位和调色调节亮度等简单处理;富头像编辑器拥有很的参数配置,可根据自己的需要配置控件的功能;该控件要求浏览器需安装Flash Player后才能使用;下面是我做的一个小的Demo以说明富头像编辑器的使用方法。小巧的身材:文件大小仅仅只有 48 KB,而新浪的头像编辑器组件有 58....

weixin_42353053的博客 290

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

html avatar属性,form_avatar.html

H+ 后台主题UI框架 - 富头像上传编辑器富头像上传编辑器选项1选项2本地上传视频拍照相册选取本组件需要安装Flash Player后才可使用,请从这里下载安装。是否上传原图片? 上传取消 拍照 ...

weixin_34688784的博客 562

强大的flash头像编辑上传插件(已更新至2.3)

富头像上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等...小巧的身材:文件大小仅仅只有 50 KB,而新浪的头像编辑器组件有 58.1 KB,更有甚者达 80 KB 之多。漂亮的外观:灰色系的外观设计,适用于所有风格的站点。还可轻松地实现换肤。强大的功能:原图支持本地上传、视频拍照和网...

weixin_33827731的博客 427

前端常用组件-文件上传组件

Web Uploader WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。 采用大文件分片并发上传,极大的提高了文件上

刘领福的博客 2801

富头像上传编辑器 v1.5

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33862041的博客 107
上一篇: 在没有ftp上传软件时怎么上传
下一篇: xml写法
HackProgramer
博客等级 码龄12年 255粉丝 23原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值