1.登录美图秀秀WEB开放平台(http://open.web.meitu.com/wiki/)
下载crossdomain.xml文件,把解压出来的crossdomain.xml文件放在您保存图片或图片来源的服务器根目录下。
如: http://example.com.cn,那么crossdomain.xml的路径为:http://example.com.cn/crossdomain.xml。
需要注意的是crossdomain.xml必须部署于站点根目录下才有效, crossdomain.xml的目的是授权来自美图域下的flash向您的站点上传图片或者从您的站点加载图片。
在你的网页代码head标签里或者body标签里加入代码。
然后加载meitu.js和JQ.Js的代码,再创建一个div,id设置为csdiv,例:

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

接着,我们就上面的上传接口进行编写相应的php代码:
<?php
//判断上传文件是佛满足需求
if(!$_FILES['Filedata']){
die('Image data not detected!');
}
if($_FILES['Filedata']['error']>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文件为:

在用photoshop设计时,有的同学会发现,在网页中设置的宽度1000px,截屏后,再用photoshop打开后测量同样图像的宽度时,这个宽度就不是1000像素,而是1200多甚至1300多,是个很奇怪的问题,丁老师检查了photos...
微信H5支付,就是在非微信客户端内调用微信客户端进行支付,比如在手机自带浏览器中选择微信支付,就会提示打开微信,在微信客户端内完成支付。之前这个功能是内部使用,只对京东等一些大型电商平台开放,小企业无法申请,但是近日微信开放了H5支付的...
Moment.js是一个不错的时间处理类js封装包,从官网下载默认是英文的,比如moment().format('dddd')显示出来是Tuesday,如果要显示中文的话,有两种方法:1.moment-with-loca...
重庆微信小程序开发
在进行vue开发中,经常会遇到复制对象,赋值新对象后,原对象值被改变的问题,举个例子:let old={"a":1,"b":2}let new=old;new['c']=3;这个时候你...
在使用jetbrains的ide开发代码时,经常性的会输入单引号或双引号,ide默认有对于引号的自动完成功能,即输入一个引号,自动显示两个,这一点其实做的很不智能,因为在使用时经常会有显示出3个的情况,那么怎么关闭这个功能呢?file-se...
在使用idea系列的配套软件时,如intellijidea、PhpStorm、WebStrom时,在搜索文件时,右上角的filemask可以筛选指定类型的文件。但是有时候可能会输入错误,产生多个记录,而且没办法删除,在以后的开发中经常会耽误...
phpstorm程序中,在打开html时总会出现对style属性的折叠和隐藏,这样在检查代码的时候非常不直观,容易漏掉很多东西,非常的不方便,如图: