首頁 後端開發 php教程 THINKPHP+JS实现缩放图片式截图的实现_PHP教程

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

Jul 21, 2016 pm 03:40 PM
http 作者 實現 截圖 縮放 連結

作者:杨鑫奇

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

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

实现方式

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

 

上几张截图

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

 

以下是实例截图

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

 

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

 

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

主要的实现代码

复制代码 代码如下:

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 'THINKPHP+JS实现缩放图片式截图的实现_PHP教程';
// update database
}
else
{
// error reporting
}
}

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

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/321362.htmlTechArticle作者:杨鑫奇 原始链接: http://www.cnblogs.com/scotoma/archive/2010/03/05/1679477.html 今晚TP论坛的一位大哥加我了,说也遇到这个方面的问题,呵呵...
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

115://開頭的連結怎麼下載?下載方法介紹 115://開頭的連結怎麼下載?下載方法介紹 Mar 14, 2024 am 11:58 AM

  最近有很多用戶都在問小編,115://開頭的連結怎麼下載?想要下載115://開頭的連結需要藉助115瀏覽器,大家下載好115瀏覽器後,再來看看下面小編整理好的下載教學。  115://開頭的鏈接下載方法介紹  1、登入115.com,下載115瀏覽器並安裝。  2、在1​​15瀏覽器網址列輸入:chrome://extensions/,進入擴充中心,搜尋Tampermonkey,安裝對應插件。  3、在115瀏覽器網址列輸入:  油猴腳本:https://greasyfork.org/en/

如何取得微信影片號連結?微信影片號碼怎麼加入商品連結? 如何取得微信影片號連結?微信影片號碼怎麼加入商品連結? Mar 22, 2024 pm 09:36 PM

微信視訊號作為微信生態系統的一部分,已逐漸成為內容創作者和商家的重要推廣工具。在這個平台上獲取視頻號連結對於分享和傳播內容至關重要。下文將詳細介紹如何獲取微信視頻號鏈接,以及如何在視頻號中添加商品鏈接,提升內容的傳播效果。一、如何取得微信影片號連結?在微信視頻號中發布影片後,系統會自動建立一個影片連結。作者可以在發布後複製該鏈接,方便進行分享和傳播。登入微信影片號碼後,您可以瀏覽自己的影片號碼首頁。在主頁上,每個視頻都附有相應的鏈接,方便您直接複製或分享。 3.搜尋影片號碼:在微信搜尋框中輸入影片號名

win10電腦截圖時出現黑畫面怎麼辦_win10電腦截圖時出現黑畫面的處理方法 win10電腦截圖時出現黑畫面怎麼辦_win10電腦截圖時出現黑畫面的處理方法 Mar 27, 2024 pm 01:01 PM

1.按下win鍵+r鍵,輸入regedit,點選確定。 2.在開啟的登錄編輯窗口,依序展開:HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlGraphicsDriversDCI,選取右邊的Timeout雙擊。 3.然後把【數值資料】中的7改為0,確定退出即可。

iPhone螢幕截圖不起作用:如何修復 iPhone螢幕截圖不起作用:如何修復 May 03, 2024 pm 09:16 PM

螢幕截圖功能在您的iPhone上不起作用嗎?截圖非常簡單,因為您只需同時按住「提高音量」按鈕和「電源」按鈕即可抓取手機螢幕。但是,還有其他方法可以在設備上捕獲幀。修復1–使用輔助觸控使用輔助觸控功能截取螢幕截圖。步驟1–轉到您的手機設定。步驟2–接下來,點選以開啟「輔助功能」設定。步驟3–開啟「觸摸」設定。步驟4–接下來,開啟「輔助觸控」設定。步驟5–打開手機上的「輔助觸控」。步驟6–打開“自訂頂級選單”以存取它。步驟7–現在,您只需將這些功能中的任何一個連結到螢幕擷取即可。因此,點擊那裡的首

Win8如何利用快捷鍵進行截圖? Win8如何利用快捷鍵進行截圖? Mar 28, 2024 am 08:33 AM

Win8如何利用快捷鍵進行截圖?在日常使用電腦的過程中,我們經常需要將螢幕上的內容截圖。對於Windows8系統的使用者來說,透過快捷鍵截圖是一個方便且有效率的操作方式。在這篇文章中,我們將介紹Windows8系統中幾種常用的快捷鍵進行截圖的方法,幫助大家更快速地進行螢幕截圖操作。第一種方法是使用「Win鍵+PrintScreen鍵」組合鍵來進行全

word縮放頁面並排怎麼操作 word縮放頁面並排怎麼操作 Mar 19, 2024 pm 07:19 PM

我們在使用word文件進行文件編輯的時候,有時候頁面較多,我們想並排顯示並整體查看效果如何,但是苦於不會操作,經常需要拉動好久逐頁查看。不知道你有沒有遇過類似的情況,其實這時候我們只要學會word縮放頁面並排的設定方法就可以輕鬆解決。下邊,我們就一起看一看,學一學吧。首先,我們在Word文件中建立並開啟一個新的頁面,然後輸入一些簡單的內容,以便更容易區分。 2.例如我們要實現word縮放並排顯示,我們需要找到選單列【視圖】,之後,在視圖工具選項中選擇【多頁】,如下圖所示:3、找到【多頁】並點擊,

iPhone上的Safari縮小問題:這是修復程序 iPhone上的Safari縮小問題:這是修復程序 Apr 20, 2024 am 08:08 AM

如果您無法控制Safari中的縮放級別,完成工作可能會非常棘手。因此,如果Safari看起來被縮小了,那對您來說可能會有問題。您可以透過以下幾種方法解決Safari中的這個縮小小問題。 1.遊標放大:在Safari選單列中選擇「顯示」>「放大遊標」。這將使遊標在螢幕上更加顯眼,從而更容易控制。 2.移動滑鼠:這聽起來可能很簡單,但有時只需將滑鼠移動到螢幕上的另一個位置,可能會自動恢復正常大小。 3.使用鍵盤快速鍵修復1–重置縮放等級您可以直接從Safari瀏覽器控制縮放等級。步驟1–當您在Safari

華為手機如何實現雙微信登入? 華為手機如何實現雙微信登入? Mar 24, 2024 am 11:27 AM

華為手機如何實現雙微信登入?隨著社群媒體的興起,微信已成為人們日常生活中不可或缺的溝通工具之一。然而,許多人可能會遇到一個問題:在同一部手機上同時登入多個微信帳號。對於華為手機用戶來說,實現雙微信登入並不困難,本文將介紹華為手機如何實現雙微信登入的方法。首先,華為手機自帶的EMUI系統提供了一個很方便的功能-應用程式雙開。透過應用程式雙開功能,用戶可以在手機上同

See all articles