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

作者：杨鑫奇

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

实现方式

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

上几张截图

以下是实例截图

主要的实现代码

public function cutimg()

{

$result = $this->upload('temp');

if (!is_array($result))

{

$this->redirect('index');

}

else

{

$this->assign('imgurl', '__ROOT__/' . 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类！

think php 缩放图片,THINKPHP+JS实现缩放图片式截图的实现相关推荐

think php 缩放图片,thinkphp图片裁剪、缩放、加水印方法
thinkphp图片裁剪.缩放.加水印方法如下: /** * 图像的裁剪.缩放.加水印 * @param string $path 路径 * @param int $width 裁剪的宽度/限制的高度 ...
think php 缩放图片,thinkphp极其强大的图片处理库Grafika详细教程（1）
Grafika是一个PHP图像处理库,是基于Imagick和GD,可以用于改变图片大小,剪裁,比较,添加水印等等功能.还有感知哈希,高级图像过滤,绘制贝塞尔曲线等功能,可谓非常强大. 由于功能太多,所 ...
微信小程序实现双指缩放图片功能
前言本文分析怎么在微信小程序实现双指缩放图片的功能. 实现过程 1. 文件index.wxml和index.wxss代码如下,这一块比较简单,可自行查看,不做过多分析: <!--index.w ...
关于图片按比例自适应缩放
今天在看视觉规范的时候,大高走过来说帮他们那边看一个问题.又是一个关于自适应的问题.不过,我喜欢.瞄了一下,需求是这样的:用户上传照片,照片的尺寸未知:需要生成一个预览,这个预览图要根据提供给用户 ...
模仿微信朋友圈图片浏览 js javascript 支持图片预览，滑动切换，双指缩放，图片缓存
模仿微信朋友圈图片浏览 js javascript 支持图片预览,滑动切换,双指缩放,图片缓存 2017年08月10日 12:11:38 阅读数:2311 previewImage-mobile 仿 ...
JS实现等比例缩放图片
JS实现等比例缩放图片有时候我们前端页面只有500×500像素的宽和高的布局,但是后台返回的数据图片是1000×1000,那么这种情况下如果我直接返回的话那么图片肯定有一部分没有显示出来,在这种 ...
html5 双指缩放图片,js实现移动端图片预览：手势缩放，手势拖动，双击放大......
查看示例效果: 一.功能介绍图片预览主要有以下几个功能点组成:监听图片点击事件,进入图片预览模式自定义手势事件, (双指缩放,滑动,双击...) 监听图片手势事件,通过 transform-mat ...
JS自动缩放页面图片
注:该方法不适用于图片较多的页面! /*** 缩略图** @param bool isScaling 是否缩放* @param int width 宽度* @param int height 高度* ...
微信小程序仿照微信拖动缩放图片和截取头像
效果图整体思路: 实现图片的缩放和拖动: 在图片上方盖上中间镂空的半透明遮罩: 根据截取方框区域的图片.截图时,在方框区域将截取的图片绘制出来,然后使用wx.canvasToTempFilePath ...

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

think php 缩放图片,THINKPHP+JS实现缩放图片式截图的实现相关推荐

最新文章

热门文章