【问题标题】:change image size through URL通过 URL 更改图像大小
【发布时间】:2012-12-15 01:50:07
【问题描述】:

再一次,我遇到了一个我无法解决的简单问题,因为我使用的搜索词显然与以前使用的搜索词不匹配。我想要创建的只是一小段脚本,它可以使用 URL 更改图像宽度。

可以在http://waarneming.nl/fotonew/0/2639780.jpg 上找到一个示例。如果添加变量?w=100&h=100,图像会调整大小。值得一提的是,我不需要裁剪(示例中也不需要裁剪,即使 100x100 当然不是正确的比例)。唯一会发生的事情是 CSS 和 HTML 也可以做的事情:改变较大图片的高度和宽度。但是因为我需要在另一个脚本中调整大小的图像,所以我想使用 URL 变量。

希望你能帮忙!

【问题讨论】:

  • 您想保留这些图像尺寸(即使用新尺寸保存图像)还是仅以不同尺寸显示图像?
  • 只显示它。它不应该创建新文件。

标签: php html image


【解决方案1】:

使用 SimpleImage 库:

<?php

/*
* File: SimpleImage.php
* Author: Simon Jarvis
* Copyright: 2006 Simon Jarvis
* Date: 08/11/06
* Link: http://www.white-hat-web-design.co.uk/articles/php-image-resizing.php
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; either version 2
* of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details:
* http://www.gnu.org/licenses/gpl.html
*
*/

class SimpleImage {

   var $image;
   var $image_type;

   function load($filename) {

      $image_info = getimagesize($filename);
      $this->image_type = $image_info[2];
      if( $this->image_type == IMAGETYPE_JPEG ) {

         $this->image = imagecreatefromjpeg($filename);
      } elseif( $this->image_type == IMAGETYPE_GIF ) {

         $this->image = imagecreatefromgif($filename);
      } elseif( $this->image_type == IMAGETYPE_PNG ) {

         $this->image = imagecreatefrompng($filename);
      }
   }
   function save($filename, $image_type=IMAGETYPE_JPEG, $compression=75, $permissions=null) {

      if( $image_type == IMAGETYPE_JPEG ) {
         imagejpeg($this->image,$filename,$compression);
      } elseif( $image_type == IMAGETYPE_GIF ) {

         imagegif($this->image,$filename);
      } elseif( $image_type == IMAGETYPE_PNG ) {

         imagepng($this->image,$filename);
      }
      if( $permissions != null) {

         chmod($filename,$permissions);
      }
   }
   function output($image_type=IMAGETYPE_JPEG) {

      if( $image_type == IMAGETYPE_JPEG ) {
         imagejpeg($this->image);
      } elseif( $image_type == IMAGETYPE_GIF ) {

         imagegif($this->image);
      } elseif( $image_type == IMAGETYPE_PNG ) {

         imagepng($this->image);
      }
   }
   function getWidth() {

      return imagesx($this->image);
   }
   function getHeight() {

      return imagesy($this->image);
   }
   function resizeToHeight($height) {

      $ratio = $height / $this->getHeight();
      $width = $this->getWidth() * $ratio;
      $this->resize($width,$height);
   }

   function resizeToWidth($width) {
      $ratio = $width / $this->getWidth();
      $height = $this->getheight() * $ratio;
      $this->resize($width,$height);
   }

   function scale($scale) {
      $width = $this->getWidth() * $scale/100;
      $height = $this->getheight() * $scale/100;
      $this->resize($width,$height);
   }

   function resize($width,$height) {
      $new_image = imagecreatetruecolor($width, $height);
      imagecopyresampled($new_image, $this->image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());
      $this->image = $new_image;
   }      

}
?>

然后,试试这个:

<?php
   include('SimpleImage.php');
   $image = new SimpleImage();
   $image->load($_GET['file']);
   $image->resize($_GET['width'], $_GET['height']);
   $image->output();
?>

为了调用脚本,您需要通过 URL 传递文件名、宽度和高度。假设脚本名为 foo.php:

http://www.example.com/foo.php?file=picture_name.jpg&width=100&height=100

【讨论】:

  • 如果你想做服务端,为什么不使用GD?
  • 这只是 GD 之上的一个抽象,以方便使用
【解决方案2】:

您可以在 javascript 中获取参数并将其分配给图像。 比如:

 function gup( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

然后:

var imagelengh = gup('w')
$('#image').width(w)

【讨论】:

    【解决方案3】:

    【讨论】:

    • 是的,投反对票...就像他真的在问之前尝试过搜索网络一样
    猜你喜欢
    • 2012-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-08
    • 1970-01-01
    • 1970-01-01
    • 2017-12-14
    相关资源
    最近更新 更多