THINKPHP+JS实现缩放图片式截图的实现

ThinkPHP  /  管理员 发布于 8年前   240

作者：杨鑫奇

原始链接：http://www.cnblogs.com/scotoma/archive/2010/03/05/1679477.html

今晚TP论坛的一位大哥加我了，说也遇到这个方面的问题，呵呵!想想其实很多东西都遇到了，是不是应该分享出来呢？其实自己的很多东西都是别人那来的，取之于网络用之于网络！只有大家多分享，才能够提高！

实现方式

上传图片 -- 保存并显示图片 -- JS获取缩略图参数 -- 提交位置参数 -- 图片缩放保存类处理图片 -- 保存截取的图片--更新数据库 -- 跳转

 

上几张截图

 

以下是实例截图

 

 

主要的实现代码

复制代码 代码如下:

public function cutimg()
{
$result = $this->upload('temp');
if (!is_array($result))
{
$this->redirect('index');
}
else
{
$this->assign('imgurl', '//' . C('ATTACHDIR') . '/temp/' . $result[0]['savename']);
$this->assign('imgname', $result[0]['savename']);
$this->display();
}
}

复制代码 代码如下:

public function setavatar()
{
if (!empty($_REQUEST['cut_pos']))
{
// import('ORG.Util.ImageResize');
require('ImageResize.class.php');
$imgresize = new ImageResize();
// use the full path
$url = C('ATTACHDIR') . '/temp/' . trim($_POST['imgname']);
$imgresize->load($url);
dump($url);
$posary = explode(',', $_REQUEST['cut_pos']);
foreach($posary as $k => $v)

$posary[$k] = intval($v);

if ($posary[2] > 0 && $posary[3] > 0) $imgresize->resize($posary[2], $posary[3]);

dump($posary);
// create filename rule
$uico = time() . '.jpg';
dump($uico);
$path = C('AVATAR');
// save 120*120 image
$imgresize->cut(120, 120, intval($posary[0]), intval($posary[1]));
$large = 'l_' . $uico;
$imgresize->save($path . $large);

echo '';
// update database
}
else
{
// error reporting
}
}

源代码下载地址： 点击下载 其他的自己去完善了，运行需要TP框架请访问 http://www.thinkphp.cn 下载，然后下载扩展包，因为用到Upload类！

您可能感兴趣的文章:

• 分享js粘帖屏幕截图到web页面插件screenshot-paste
• JavaScript+html5 canvas实现本地截图教程
• js+HTML5实现视频截图的方法
• JavaScript实现网页截图功能
• javascript在网页中实现读取剪贴板粘贴截图功能
• JS图片自动轮换效果实现思路附截图
• 利用NodeJS和PhantomJS抓取网站页面信息以及网站截图
• JS实现div模块的截图并下载功能