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代码:
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文件为:

有新入行同学向丁老师咨询,在使用Uniapp做微信小程序时,是选择Vue2还是Vue3呢?哪个开发微信小程序更好一点,两者有什么区别呢?今天丁老师给大家介绍一下。首先,我们来介绍一下Vue2和Vue3。Vue2和Vue3是Vue.js框...
有使用Shopify做跨境电商的同学咨询,丁老师我想改一下Shopify网站的模板,做一个自定义的主题,该怎么做呢?今天丁老师就这个问题做一下介绍。Shopify创建模板主题的条件1.安装Node.js 20.10以上版本。2.安装No...
该问题指针对使用宝塔BT面板的同学。在日常开发微信小程序的过程中,突然发现很简单的一个图片调用报404错误了,检查URL是正确的呀,在浏览器中可以打开,并且检查了服务器文件夹,的确有这个文件,排除了缓存的可能,那么到底是什么问题造成微信...
有同学提问,他们公司的微信小程序,某个业务板块需要调用微信的openid,但是目前访问量巨大,已经突破了微信小程序对openid的最多次数限制,很多用户无法正常开展业务,该怎么办呢?经过丁老师分析和研究,发现该公司的小程序因访问量巨大,...
微信小程序自2023年8月起,开始对《手机号快速验证组件》进行收费,每个小程序有1000次的免费额度,超过额度就要收费。说白了就是以后在使用微信小程序获取用户手机(用户主动授权)的时候,需要按次数收费了。那么,在当前的经济状况下,如何做到轻...
在使用uniapp开发微信小程序,微信开发者工具调试时,明明已经给了获取位置权限,但还是提示需要打开gps获取位置,具体解决办法如下:打开uniapp的manifest.json文件,切换到源码模式,找到mp-weixin节点"p...
经常有新客户咨询丁老师,微信小程序和APP有什么区别呢?一般情况下来说应该做哪个?今天丁老师就这个问题做一下介绍。微信小程序和APP的区别微信小程序微信小程序微信平台运行,无需下载安装,用户通过微信搜索、扫码或者朋友分享就能直接使用,用完即...
videojs是一款非常不错的html video播放器插件,很多同学经常在群里问我,说丁老师这个videojs怎么设置为宽度或者高度自适应呢,不想把video的width和height写死,有没有什么办法呢。丁老师经过研究发现啊,vide...