网页web上传用户头像代码实现（美图秀秀开放）

网页web上传用户头像代码实现（美图秀秀开放）

在制作论坛或者一些门户社交网站的时候，经常要获取用户的头像。之前我们一般都是自己制作flash插件头像上传、或者用js来自己开发一个头像上传功能。比如有一个用户头像上传插件：UCHOME中上传头像avatar插件下载。

现在美图秀秀给我们多了一种选择。通过美图秀秀的开发平台快速实现用户头像上传及在线拍照等功能。

下面谈谈怎么实现：

第一步：环境配置

下载 crossdomain.xml 文件，然后把 crossdomain.xml 文件放到保存图片的服务器上根目录下，例如您的保存图片的服务器地址为: http://www.example.com，那么 crossdomain.xml 的路径为：http://www.example.com/crossdomain.xml 。部署 crossdomain.xml 的目的是授权来自美图秀秀的flash向您的站点上传图片。
【备注】由于本地测试会被flash安全沙箱拦住，请自行搭建web服务器，在web 环境中测试。

第二步：引入JS

把以下JS代码放到

与

之间

备注：setUploadURL("") 参数为接收图片文件。php示例可参考 流式上传 或者 标准表单上传；C#示例可参考 流式上传 或者 标准表单上传；JSP示例可参考 流式上传 或者 标准表单上传

项目地址：http://open.web.meitu.com/products/#M2