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

素颜马尾好姑娘i 2022-11-12 01:59 124阅读 0赞

搜索热词

《fullAvatarEditor富头像上传编辑器文档》要点：

本文介绍了fullAvatarEditor富头像上传编辑器文档，希望对您有用。如果有疑问，可以联系我们。

这个富头像上传编辑器文档是网上找的，有点乱，放着备用。官网关闭了，将就着用吧。

fullAvatarEditor调用方法：

new fullAvatarEditor(swfContainerID,\[height\],\[width\],flashvars,\[callback\]);

返回值：object，该对象可调用call方法，请参见 call方法。

swfContainerID用以包裹Flash的HTML元素的ID。

heightFlash的高度，默认为 600。

widthFlash的宽度，默认为 630。

flashvars 配置参数类型默认值描述idStringfullAvatarEditor接收消息的swf的ID，用以区分同一页面如果存在多个组件。

upload\_urlStringnull上传图片的接口。该接口需返回一个json字符串，且会原样输出到callback 回调函数 的参数对象的属性content中，请参见 上传接口的返回数据。

qualityNumber100生成的头像图片的质量，取值范围1-100，数值越大生成的图片越清晰，相对地文件也会越大。

isShowUploadResultIconv2.0Booleantrue在上传完成时(无论成功和失败)，是否显示表示上传结果的图标。

callback 回调函数执行该函数时，函数中的this关键字指向表示swf的HTMLObjectElement，并且会给函数传递一个表示事件消息的json对象作为参数。

json对象的属性如下：

code : Number主要用来辨识消息的具体来源和内容，以便客户端知道如何处理。

type : Number0 表示成功，1 表示警告，2 表示错误，3 表示异常。

content : \*表示消息的内容。可能的值：codetypecontent描述10页面成功加载组件后触发的事件消息。

2加载图片成功时触发的事件消息。

加载图片失败时触发的事件消息。

2摄像头已准备就绪且用户已允许使用。

摄像头已准备就绪但用户未允许使用！

摄像头被占用！

42选择的原图片文件大小，带单位。如：8.88MB选择的原图片文件大小超出了指定的值。

3上传接口返回的内容。

表示错误原因的字符串。表示图片上传成功。

表示图片上传失败，失败原因由上传接口定义！

表示图片上传失败，指定的上传地址不存在或有问题！

表示图片上传失败，发生了安全性错误！

call 方法，这些方法在自定义外界元素(如tab、button)时很有用。object.call(methodName\[,methodParameter\]);methodName：String要调用的flash内的方法名称。

methodParameter：String传递到该方法的参数。该方法供 new fullAvatarEditor 返回的对象(HTMLObjectElement)调用，主要是调用flash里的方法。可调用的方法枚举表

methodNamemethodParameter功能描述changePanelupload 或 webcam切换到本地上传图片选择面板或摄像头拍照面板。

loadPic要加载的图片的url。加载网络图片。

pressShutter执行拍照操作。

srcUploadtrue|false设置是否上传原图片。

upload执行上传保存的操作。

发送至上传接口的数据发送方式：post

原图file域：Field Name：\_\_source

File Name：如果是本地和网络图片为原始文件名(不含扩展名)、如果是摄像头拍照则为 \*FromWebcam

头像file域：Field Name：\_\_avatar1，\_\_avatar2，\_\_avatar3，... 即 \_\_avatar + 1至头像总数。

File Name：同上。

其他文本域：Field Name：\_\_initParams(String)加载指定url的原图时将该参数追加到url中，可保证视图跟保存头像时一致。可用于修改头像，帮助提升用户体验。注意：上传原图时才会发送该数据。

上传接口的返回数据

接口至少必须返回一个包含名为“success”、值为true(表示上传成功)或false(表示上传失败)的json字符串，且会原样输出到 callback 回调函数 的参数对象的属性content中。

例：当上传成功或失败时可分别返回以下json对象。

"success" : true,//该名/值对是必须定义的，表示上传成功

"sourceUrl" : "原图片位于服务器的虚拟路径",

"avatarUrls": \["头像图片位于服务器的虚拟路径",..\]

或

"success" : false,//该名/值对是必须定义的，表示上传失败

"msg" : "上传的原图文件大小超出限值了！"

在进行调用时即可如下使用获取返回的数据

var swf = new fullAvatarEditor('swf',\{

id: 'swf',

upload\_url: '/upload.PHP'

\},function(json)\{

if (json.code == 5)

switch(json.type)

//表示图片上传成功。

case 0:

alert('原图片位于服务器的虚拟路径为'+json.content.sourceUrl);

alert('头像图片位于服务器的虚拟路径为'+json.content.avatarUrls.join(','));

break;

case 1:

alert('头像上传失败，原因：' + json.content.msg);//will output:头像上传失败，原因：上传的原图文件大小超出限值了！

break;

case 2:

alert('头像上传失败，原因：指定的上传地址不存在或有问题！');

break;

case 3:

alert('头像上传失败，原因：发生了安全性错误！请联系站长添加crossdomain.xml到网站根目录。');

break;

\});

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

如您喜欢寻找一群志同道合、互帮互助的学习伙伴，可以点击下方链接加入：

编程之家官方1群：1065694478(已满)

编程之家官方2群：163560250(已满)

编程之家官方3群：312128206

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

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 SSM+KindEditor实现富文本编辑器图片上传

相关 CKEditor富文本编辑器实现图片上传java

相关上传头像裁剪

相关 fullavatareditor java上传_fullAvatarEditor富头像上传编辑器文档

相关 html 富文本框上传,百度富文本编辑器上传HTML到数据库

相关 thinkphp3.2.3富头像上传编辑器

相关实现头像,文件上传

相关富文本编辑器上传配置

相关 Editor富文本编辑器（图片上传）

相关 Django用户头像上传