美图秀秀头像插件与七牛云结合
美图API说明文档,非常好用,
**下载crossdomain.xml文件,把解压出来的crossdomain.xml文件放在您保存图片或图片来源的服务器根目录下,
比如: http://example.com.cn,那么crossdomain.xml的路径为:http://example.com.cn/crossdomain.xml。
需要注意的是crossdomain.xml必须部署于站点根目录下才有效, crossdomain.xml的目的是授权来自美图域下的flash向您的站点上传图片或者从您的站点加载图片。
【备注】由于本地测试会被flash安全沙箱拦住,请自行搭建web服务器,在web 环境中测试。**
如果想要从七牛读取图片,需要在使用的空间中上传一份crossdomain.xml
美图官文档非常清晰易懂,良心之作。
<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script><script type="text/javascript">var uptoken = $("input[name=token]").val();console.log(uptoken);window.onload=function(){/*第1个参数是加载编辑器div容器,第2个参数是编辑器类型,第3个参数是div容器宽,第4个参数是div容器高*/xiuxiu.embedSWF("altContent",5,"100%","100%");//修改为您自己的图片上传接口xiuxiu.setUploadURL("http://up.qiniu.com");xiuxiu.setUploadArgs({token:uptoken});xiuxiu.setUploadType(2);xiuxiu.setUploadDataFieldName("file");xiuxiu.onInit = function (){xiuxiu.loadPhoto("<{$pager.img}><{$MEMBER.face}>");//修改为要处理的图片url}xiuxiu.onUploadResponse = function (data) {console.log(JSON.parse(data).key);$.ajax({url: "<{link ctl='ucenter/member:upload'}>",type: 'POST',data: {'uid': "<{$MEMBER.uid}>",'data[img]': JSON.parse(data).key,},success:function(response,status,xhr) {alert('上传成功');}});}}</script><div id="altContent"></div>
美图秀秀头像插件与七牛云结合相关推荐
- 美图秀秀开发插件生成的图片都有哪些格式?
M1完整版:jpg.png.gif: M2美化图片:jpg.png: M3拼图:jpg: M4头像:jpg.png. 如果是M1,默认生成jpg格式: 如果是M2或M4,则根据打开的图片而定,如果打开 ...
- 美图秀秀插件上传用户头像
1.首先要设置crossdomain.xml 下载地址:https://download.csdn.net/download/ly_linyuan/10355995 这个要特别注意,要把这个文件下载下 ...
- php接口上传头像 app,php调用美图秀秀插件上传头像
登录美图秀秀WEB开放平台(http://open.web.meitu.com/wiki/), 1.1.设置crossdomain.xml 下载crossdomain.xml文件,把解压出来的cros ...
- php文件 用户头像上传代码,网页web上传用户头像代码实现(美图秀秀开放)
网页web上传用户头像代码实现(美图秀秀开放) 在制作论坛或者一些门户社交网站的时候,经常要获取用户的头像.之前我们一般都是自己制作flash插件头像上传.或者用js来自己开发一个头像上传功能.比如有 ...
- 美图秀秀插件上传若干问题
1.编辑器处理能否上传原图跟处理图? 编辑器只上传处理后的效果图,原图不进行上传.如果你的产品确实有上传原图的需求,说明原图对你们非常重要,这时候你们应该在产品上引导用户先上传原图,再进行美化处理.( ...
- Chrome插件之使用美图秀秀编辑图片
这几天在网络上使用了几款在线的图片编辑器,其中美图秀秀网页版我非常喜欢,我们单位也有一个嵌入在我们建站系统的图片编辑器,使用Javascript开发的,效果很差.美图秀秀网页版使用简单,非常适合我这样 ...
- Markdown写作中的图床解决方案(基于七牛云、PicGo)
在日常的Markdown写作中,使用图片是必不可少的,所以靠谱的图片存储服务和上传工具显得格外重要.图片存储上我一直使用七牛,个人用户拥有10GB的免费存储空间,并且拥有很成熟易用的图片处理引擎,可以 ...
- 从工具到社区,美图秀秀大规模性能优化实践
导读:本文由演讲整理而成.美图秀秀社区自上线以来已经有近一年时间,不管是秀秀海量的用户还是图片社区特有的形态都给性能优化提出了巨大的挑战.本文将会结合这一年内我们遇到的具体案例和大家分享下美图秀秀社区 ...
- PHP流式上传和表单上传(美图秀秀)
最近需要开发一个头像上传的功能,找了很多都需要授权的,后来找到了美图秀秀,功能非常好用. <?php /*** Note:for octet-stream upload* 这个是流式上传PHP文 ...
最新文章
- VS Code为什么能这么牛?
- NYOJ 595 乱七八糟
- 安卓手机运行python程序的软件-安卓手机定时运行python脚本
- maven 配置 pom.xml 打包生成:单jar包/jar包+lib目录
- RabbitMQ 资料整理
- 【转】解决XMLHTTP获取网页中文乱码问题
- OffsetIndex和TimeIndex分析
- xlsxwriter php,Xlsxwriter
- 给定一个数组,将所有的元素在一行里打印出来,中间以逗号分开
- 拓端tecdat|python用遗传算法 神经网络 模糊逻辑控制算法对彩票乐透数据进行预测
- 图神经网络概述(3):来自IEEE Fellow的GNN综述
- QQ截图取色器:没有吸管工具的情况下,跨软件随时随地快捷取色
- Java项目:Springboot校园报修管理系统
- Ubuntu 设置固定ip地址
- oracle里xdb用户,修改Oracle XDB默认监听端口
- 使用CSS3制作水晶按钮
- 保罗.沃尔克:世界经济“有控制地解体”
- gzip already installed and latest version解决方法
- 扫地机器人进水后会出现什么故障_小米扫地机器人吸进水怎么办?小米扫地机器人吸进水解决方法...
- html中创建母版页,自定义“我的网站”母版页