php调用美图秀秀插件上传头像

登录美图秀秀WEB开放平台(http://open.web.meitu.com/wiki/),

1.1、设置crossdomain.xml

下载crossdomain.xml文件,把解压出来的crossdomain.xml文件放在您保存图片或图片来源的服务器根目录下, 比如: http://example.com.cn,那么crossdomain.xml的路径为:http://example.com.cn/crossdomain.xml。 需要注意的是crossdomain.xml必须部署于站点根目录下才有效, crossdomain.xml的目的是授权来自美图域下的flash向您的站点上传图片或者从您的站点加载图片。

1.2、调用方法

在你的网页代码head标签里或者body标签里加入代码。

<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>

然后加载meitu.js和JQ.Js的代码,再创建一个div,id设置为csdiv,例:

接下来你需要编辑你的meitu.js文件,设置美图秀秀API的相关参数啦,例:

(上图有相关注释,相信你可以看得懂的!不懂的多看下开发文档)

接着,我们就上面的上传接口进行编写相应的php代码:

if (!$_FILES['Filedata']) {                 //判断上传文件是佛满足需求
    die ( 'Image data not detected!' );
}
if ($_FILES['Filedata']['error'] > 0) {     //文件上传错误提示
    switch ($_FILES ['Filedata'] ['error']) {
        case 1 :
            $error_log = 'The file is bigger than this PHP installation allows';//1---文件上传大小超过服务器允许上传的最大值
            break;
        case 2 :
            $error_log = 'The file is bigger than this form allows';            //2---文件上传大小超过html表单中隐藏域MAX_FILE_SIZE选项的值
            break;
        case 3 :
            $error_log = 'Only part of the file was uploaded';                  //3---文件只有部分被上传
            break;
        case 4 :
            $error_log = 'No file was uploaded';                                //4---没有文件被上传
            break;
        default :
            break;
    }
    die ( 'upload error:' . $error_log );
} else {                                                                        //上传成功
    $img_data = $_FILES['Filedata']['tmp_name'];                                //获得临时文件名
    $size = getimagesize($img_data);                                            //获得上传文件的大小
    $file_type = $size['mime'];                                                 //获得上传文件类型
    if (!in_array($file_type, array('image/jpg', 'image/jpeg', 'image/pjpeg', 'image/png', 'image/gif'))) {
        $error_log = 'only allow jpg,png,gif';
        die ( 'upload error:' . $error_log );                                   //文件类型出错,输出错误信息
    }
    //获得文件扩展名
    switch($file_type) {
        case 'image/jpg' :
        case 'image/jpeg' :
        case 'image/pjpeg' :
            $extension = 'jpg';
            break;
        case 'image/png' :
            $extension = 'png';
            break;
        case 'image/gif' :
            $extension = 'gif';
            break;
    }
}
if (!is_file($img_data)) {
    die ( 'Image upload error!' );
}

上边这段代码重要的作用是:判断是否上传文件,上传文件是否满足要求(大小,格式),获得文件的扩展名。

下边这段代码可以理解为:新创建一个$filename,带有文件路径、文件名和文件扩展名,调用move_uploaded_file函数,将上传的图片移到到当前$filename文件,然后加载Db.class.php类和连接数据库操作的config.php,接着把当前上传文件更新在数据库相应的avatar上:

连接数据库的config.php文件为:

原文发布于微信公众号 - 程序员的碎碎念(gh_53e607dd4782)

原文发表时间:2017-10-12

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏vue学习

9、阿里巴巴矢量图库icon-font的运用

进入我的项目中,然后下载到本地; 这里有三种不同的方式下载,区别大家可以到官网里面了解更多;

694
来自专栏数据的力量

Excel文件受损基本急救方法四则

21414
来自专栏cnblogs

vue组件如何被其他项目引用

自己写的vue组件怎么才能让其他人引用呢,或者是共用组件如何让其他项目引用。本文就粗细的介绍下,如有疑问欢迎共同讨论。在这里你能了解下如下知识点: 1. 如何发...

2155
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

教你轻松修改React Native端口

告诉大家一个好消息,为大家精心准备的React Native视频教程发布了,大家现可以看视频学React Native了。 当我们运行一个React Na...

2634
来自专栏代码小睿

静态页面如何实现 include 引入公用代码

  一直以来,我司的前端都是用 php 的 include 函数来实现引入 header 、footer 这些公用代码的,就像下面这样:

1050
来自专栏Scott_Mr 个人专栏

Carthage的安装和使用

3488
来自专栏hotqin888的专栏

EngineerCMS增加项目日志、大事记的时间轴

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

662
来自专栏代码小睿

静态页面如何实现 include 引入公用代码

  一直以来,我司的前端都是用 php 的 include 函数来实现引入 header 、footer 这些公用代码的,就像下面这样: <!-- index....

1886
来自专栏地方网络工作室的专栏

webpack+vue-cil 配置接口地址代理以及将项目打包到子目录的方法

webpack+vue-cil 配置接口地址代理以及将项目打包到子目录的方法 前言 很久没有更新关于webpack+vue的内容了。前面承诺过大家告诉大家如何打...

27310
来自专栏xingoo, 一个梦想做发明家的程序员

Express开发实例(1) —— Hello,world!

Express是NodeJs开发中最常用的基础模块。NodeJs本身有Http模块,但是易用性并不好,因此有人在此基础上开发了Express模块。 什么是...

1878

扫码关注云+社区