thinkphp + 美图秀秀api 实现图片裁切上传，带数据库

思路：

1.数据库创建test2 创建表img，字段id，url，addtime

2.前台页：

　　1>我用的是bootstrap 引入必要的js，css

　　2>引入美图秀秀的js

3.后台：图片上传

直接上代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title>thinkphp+美图接口，实现图片上传+裁切</title><metahttp-equiv="Content-Type"content="text/html; charset=utf-8" /><scripttype="text/javascript"src="__PUBLIC__/js/jquery.min.js"></script><scripttype="text/javascript"src="__PUBLIC__/js/bootstrap.min.js"></script><linkrel="stylesheet"type="text/css"href="__PUBLIC__/css/bootstrap.css"></head><styletype="text/css">html, body{height:100%;overflow:hidden; }body{margin:0; }
</style>
<body><divclass="container"><divclass="panel"><arowspan="3"class="text-center"data-toggle="modal"data-target="#head"><notemptyname="info"><imgid="img"src="{$info.url}"width="150px"class="img-rounded" /><else/> <iclass="glyphicon glyphicon-user"style="color:#6E6E6E; font-size:150px;"></i></notempty></a></div>
</div><divclass="modal fade"id="head"tabindex="-1"role="dialog"><divclass="modal-dialog"role="document"><divclass="modal-content"><divclass="modal-header"><buttontype="button"class="close"data-dismiss="modal"aria-label="Close"><spanaria-hidden="true">&times;</span></button></div><style>.modal-body object{position:relative;}</style><divclass="modal-body"><divclass="clearfix"style="position:absolute; width:100%; left:0px; right:0px;" ><divid="altContent"></div></div><scriptsrc="__PUBLIC__/js/xiuxiu.js"type="text/javascript"></script><scripttype="text/javascript">window.onload=function(){/*第1个参数是加载编辑器div容器，第2个参数是编辑器类型，第3个参数是div容器宽，第4个参数是div容器高*/xiuxiu.embedSWF("altContent",5,"100%","400px",'headeditor');//修改为您自己的图片上传接口
xiuxiu.setUploadURL("{:C('URL')}/index.php/Home/Upload/uploadImg.html");xiuxiu.setUploadType(2);//xiuxiu.setUploadDataFieldName("upload_file");
xiuxiu.onInit= function(){xiuxiu.loadPhoto("{:C('URL')}{$info.url}");}xiuxiu.onBeforeUpload= function(data, id){varsize=data.size;if(size> 2 * 1024 * 1024){ alert("图片不能超过2M");return false; }return true; }xiuxiu.onUploadResponse= function(data){//data=JSON.parse(data);
setTimeout(function(){window.location.reload();},1000);//alert("上传响应" + data);  //可以开启调试
}//调试/*xiuxiu.onDebug = function (data){alert("错误响应" + data);}*/}</script></div></div></div>
</div></body>
</html>

uploadcontroller.class.php

<?php
namespace Home\Controller;
use Think\Controller;
/**
* 图片上传
*/
class UploadController extends Controller
{// 图片上传public function uploadImg(){$upload = new \Think\Upload();// 实例化上传类$upload->maxSize   =     3145728 ;// 设置附件上传大小$upload->exts      =     array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型$upload->rootPath  =      './image/'; // 设置附件上传目录//$upload->savePath  =      'img/'; // 设置附件上传目录// 上传文件$info   =   $upload->upload();if(!$info) {// 上传错误提示错误信息$this->error($upload->getError());}else{// 上传成功$where = array('id'=>1);foreach ($info as $file) {$savename = $upload->rootPath.$file['savepath'].$file['savename'];$msg = M('Img')->where($where)->find();if ($msg) {$res = M('Img')->where($where)->setField('url',$savename);}else{$data = array('id'      => 1,'url'     => $savename,'addtime' => time());$res = M('Img')->add($data);}$this->ajaxReturn(array('img'=>$savename,'status'=>1));}}}}?>

下载完整demo，带数据库sql文件

美图秀秀的详细开发文档：http://open.web.meitu.com/wiki/

转载于:https://www.cnblogs.com/lanchar/p/5772827.html

thinkphp + 美图秀秀api 实现图片裁切上传，带数据库相关推荐

php+美图秀秀,thinkphp + 美图秀秀api 实现图片裁切上传，带数据库
namespace Home\Controller; use Think\Controller; /** * 图片上传 */ class UploadController extends Contro ...
苹果手机怎么在照片上添加文字_手机美图秀秀怎么给图片添加文字
美图秀秀已经成为我们手机中必不可少的一款软件,这款软件可以使我们每个人都能成为美图大师,今天我们就来迈向大师的第一步,给照片添加文字水印. 工具/原料美图秀秀软件手机一部方法/步骤 1 首先我们 ...
怎么把html背景换白色,美图秀秀怎么将图片背景替换成白色?
美图秀秀是一款优秀的图片处理软件,在美图秀秀软件中,我们可以将图片进行各种各样的美化处理,本篇经验中我将向大家介绍一下,如何将图片的背景替换为白色,好了,我们的教程就正式开始咯,大家速来围观我的经验啦 ...
C#：将图片文件上传到数据库两种方法。
(推荐)方法1: 将图片复制到指定文件夹,在数据库中存储图片路径,通过读取路径来显示图片. string str;private void toolStripButton1_Click(object ...
Typora+路过图床实现插入图片即上传图床
背景最近开始用Typora写东西,想着在插入图片的时候能够实时把图片上传到图床.本着白嫖的精神,于是在网上搜索有哪些免费的图床.一轮看下来,发现还挺多,不过基本上都有空间限制,唯独路过图床.感觉 ...
java http请求图片_Java上传带图片的Http请求
服务器端想得到的?不可以的,必需上传了,才可以. 如果中间想得到. Android提交post请分享上传图片,Java如何获取HttpEnAndroid端发送post请分享,上传图片,把byte[]弄 ...
美图秀秀插件上传用户头像
1.首先要设置crossdomain.xml 下载地址:https://download.csdn.net/download/ly_linyuan/10355995 这个要特别注意,要把这个文件下载下 ...
美图秀秀3.91.1001下载(图片处理软件去广告纯净绿化版)
来源:http://fusrc.blog.163.com/blog/static/188012033201351352736229/ 美图秀秀3.91.1001下载(图片处理软件去广告纯净绿色版)根据 ...
php接口上传头像 app,php调用美图秀秀插件上传头像
登录美图秀秀WEB开放平台(http://open.web.meitu.com/wiki/), 1.1.设置crossdomain.xml 下载crossdomain.xml文件,把解压出来的cros ...

thinkphp + 美图秀秀api 实现图片裁切上传，带数据库

thinkphp + 美图秀秀api 实现图片裁切上传，带数据库相关推荐

最新文章

热门文章