美图秀秀头像插件与七牛云结合

美图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>