首页 > 原创文章 > 软件开发 > 查看文章

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

所属分类:软件开发 来源: 丁老师原创 更新时间:2018-02-08 10:05 浏览: 5809 IP属地: 深圳

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

2.设置crossdomain.xml

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

3.修改代码调用方法

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

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

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

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

0){
    //文件上传错误提示
    switch($_FILES['Filedata']['error']){
        case 1:
            //1---文件上传大小超过服务器允许上传的最大值
            $error_log='The file is bigger than this PHP installation allows';
            break;
        case 2:
            //2---文件上传大小超过html表单中隐藏域MAX_FILE_SIZE选项的值
            $error_log='The file is bigger than this form allows';
            break;
        case 3:
            //3---文件只有部分被上传
            $error_log='Only part of the file was uploaded';
            break;
        case 4:
            //4---没有文件被上传
            $error_log='No file was uploaded';
            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文件为:


标签:

相关文章

Tiny编辑器无法使用的解决办法

TinyMCE编辑器,是一款轻量级的的网页内容编辑器,支持html,vue,react等前端架构。调用方法也非常简单,引入js文件,在textarea上设置id,然后调用方法即可:<scripttinymce.init({ sel...

Css3中position:sticky无效...

有同学在前端写css代码时,遇到问题,使用的css3,写的是position:sticky,想要内容滚动到该区域,该区域自动置顶滑动。但一直无效,经过丁老师研究后发现,该区域没有定义高度,而使用position:sticky时,是必须要...

您的nahimic驱动程序似乎已经过期的解决...

打开电脑的Nahimic软件,提示“您的nahimic驱动程序似乎已经过期,无法启动”,然后需要点击链接更新驱动,但点击进去后,也找不到什么驱动。经过研究发现解决办法:1.使用SDI安装,即Snappy Driver Installer...

关于微信小程序开发的一些常见问题说明

丁老师软件是专业的微信小程序开发服务商。自2017年以来,丁老师先后开发出100余款微信小程序,微信小程序具有轻量化、易于传播等特点,适合线上品牌推广、线上营销等场景。目前微信小程序依然状态火热,想做小程序客户络绎不绝,丁老师持续接单中...

推荐文章

IDEA IDE换行自动显示的}括号如何去掉

在使用idea旗下的产品,如intellij idea,php storm,web storm时,有的时候编辑前端页面JS,在换行时经常会自动出现个}大括号,这一点程序不是很智能,其实后边都已经有括号了。比如下图这样:那么如何解决这个问题呢...

微信小程序从开发到实现微信支付的全过程

微信小程序部分一、完善小程序基本信息1.用管理员账号登录微信小程序(https://mp.weixin.qq.com/);2.左侧菜单选择首页;3.完善小程序的基本信息,包括小程序名称、小程序类目、微信认证、微信备案等。二、小程序开发配置1...

APP/小程序/网站/对接微信支付常见问题解...

现在微信支付已经超越支付宝,成为中国最广泛的在线支付方式。作为互联网电子商务服务商,如何开通对接微信支付?如何使用微信支付呢?丁老师整理一篇微信支付常见的问题解答。一、如何开通微信支付?微信支付可以在微信支付官网(https://pay.w...

Uniapp开发微信小程序怎么模拟位置?

废话不多说,直接上货。在微信开发者工具调试栏,找到Sensor(传感器)。Geolocation,勾选启用,下边输入经纬度即可!