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

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

所属分类:软件开发 来源: 丁老师原创 更新时间:2018-02-08 10:05 浏览: 7177 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文件为:


标签:

相关文章

微信小程序图片显示不了报404错误的解决办法

该问题指针对使用宝塔BT面板的同学。在日常开发微信小程序的过程中,突然发现很简单的一个图片调用报404错误了,检查URL是正确的呀,在浏览器中可以打开,并且检查了服务器文件夹,的确有这个文件,排除了缓存的可能,那么到底是什么问题造成微信...

微信小程序开发用Vue2和Vue3好?有什么...

有新入行同学向丁老师咨询,在使用Uniapp做微信小程序时,是选择Vue2还是Vue3呢?哪个开发微信小程序更好一点,两者有什么区别呢?今天丁老师给大家介绍一下。首先,我们来介绍一下Vue2和Vue3。Vue2和Vue3是Vue.js框...

扫二维码自动选择支付方式的实现

今天有小伙伴问,请问丁老师可以实现扫二维码,自动选择支付方式吗?比如支付宝扫码就支付宝支付,微信扫码就微信支付,云闪付扫码就用云闪付银联支付。这种方式可以实现吗?答案是肯定的,这种扫码支付方式,不但可以实现,而且已经大范围的应用在了我们...

使用Visual Studio开发C#程序时...

我们都知道Visual Studio的自动完成功能,可以在开发时,自动提示补充语法、参数等信息,可以方便的协助我们来开发程序,但是有同学发现,在使用VS开发C#程序时,编辑器的自动完成功能很不好用,要么是在正常输入代码时,突然出现提示,...

推荐文章

Uniapp开发小程序内的图片扫码

在使用uniapp开发的小程序内,打开图片,长按没有弹出菜单,无法扫码,此时只需在图片上加入show-menu-by-longpress即可完整代码:<image :src="picture" mode="...

PDF和图片怎么添加水印

pdf添加水印,可以使用专业的pdf工具,如Adobe Acrobat、福昕PDF阅读器等,支持文字和图片形式的添加水印,支持透明度设置、水印位置设置等。图片添加水印,可以使用photoshop软件,但是photoshop太大了,而且使用起...

CI框架页面添加全局变量的方法

CI框架是一款很小却又非常强大的PHP程序框架,非常适合用来搭建中小型网站以及扩展程序。有同学问到,在使用CI框架时,比如要对全站的标题、公司信息、电话等设置一个全局变量,不用每个页面都写死,该怎么办呢?丁老师来教你:1.打开页面的控制器文...

CSS常用字体及网页引用方式

1.字体列表及引用链接鸿蒙字体 - B 站400 字重 CSS://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css 500 字重 CSS://s1.hdslb.com/bfs/st...