Nginx代理输出缩放图片的方法

本文实例为大家分享了Nginx代理输出缩放图片的具体代码,供大家参考,具体内容如下

nginx 配置文件:

# document ppt convert Configuration.
upstream document.polyv.net {
 server 127.0.0.1:8080;
}

server {
 listen 80;
 server_name document.polyv.net;
 index index.html index.htm;
 charset utf-8;
 client_max_body_size 1000m;

 # ignore favicon.ico not exist.
 location = /favicon.ico {
  log_not_found off;
  access_log off;
 }

 # not allow to visit hidden files.
 location ~ /\. {
  deny all;
  access_log off;
  log_not_found off;
 }

 location / {
  if ($request_filename ~* ^.*?\.(txt|doc|pdf|rar|gz|zip|docx|exe|xlsx|ppt|pptx)$) {
   add_header Content-Disposition: 'attachment;';
   add_header Content-Type: 'APPLICATION/OCTET-STREAM';
  }

  proxy_pass http://document.polyv.net;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  proxy_set_header REQUEST_HOST $host;

  # include proxy.conf;
  charset UTF-8;
 }

 # user upload files
 location /images/ {
   #expires 7d;
  alias /data03/ovp/blobs/;
   proxy_store on;
   proxy_store_access user:rw group:rw all:rw;
   proxy_set_header Accept-Encoding "";
   if ( !-f $request_filename ) {
    proxy_pass http://document.polyv.net;
   }
 }

 location /blobs/ {
   #expires 7d;
  alias /data03/ovp/blobs/;
 }

  location /preview/images/ {
   #expires 7d;
   alias /data03/ovp/blobs/;
   proxy_store on;
   proxy_store_access user:rw group:rw all:rw;
   proxy_set_header Accept-Encoding "";
   if ( !-f $request_filename ) {
    proxy_pass http://document.polyv.net;
   }
  }

}

代理输出缩放图片

package com.document.handle.controller;

import java.io.BufferedInputStream;
import java.io.File;
import java.io.IOException;
import java.io.OutputStream;
import java.net.HttpURLConnection;
import java.net.URL;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.lang3.StringUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.ServletRequestUtils;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;

import com.document.tool.ImageMagickUtils;
import com.document.tool.SystemConfig;

@Controller
public class ImageAgentController {

 private static final Logger LOG = LoggerFactory.getLogger(ImageAgentController.class);

 /**
  * ppt预览图片代理输出
  * @throws IOException
  */
 @RequestMapping("/preview/images/{year}/{month}/{md5id}/{preview}/{filename}.{ext}")
 public void cropImage(@PathVariable String year, @PathVariable String month, @PathVariable String md5id,
   @PathVariable String preview, @PathVariable String filename, @PathVariable String ext,
   HttpServletRequest request, HttpServletResponse response) throws IOException {
  // String rootDir = "/data03/ovp/blobs/";
  String rootDir = SystemConfig.getBlobDirectory();
  String oname = filename.substring(1, filename.length());// 原图文件名
  String dirString = rootDir + year + "/" + month + "/" + md5id + "/" + oname + "." + ext;
  String targetFileString = rootDir + year + "/" + month + "/" + md5id + "/preview/" + filename + "." + ext;

  //如果原图存在
  File originImage = new File(oname);
  if(originImage.exists()){
   LOG.info("corpImage..." + dirString + " -> " + targetFileString);
   File newfile = new File(targetFileString);
   String pathString = newfile.getParent();
   LOG.info("pathString...{} {}", pathString);
   File pathFile = new File(pathString);
   if (!pathFile.exists()) {
    LOG.info("---create file---");
    pathFile.mkdirs();
   }
   boolean status = ImageMagickUtils.scale(dirString, targetFileString, 240, 180);
   if (status) {
    response.reset();
    response.setContentType("image/" + ext);

    java.io.InputStream in = new java.io.FileInputStream(targetFileString);
    // FilenameUrlUtils.getImageFilename(targetFileString);

    if (in != null) {
     byte[] b = new byte[1024];
     int len;
     while ((len = in.read(b)) != -1) {
      response.getOutputStream().write(b);
     }

     in.close();
    }
   }
  }else{
   LOG.info("原图目录不存在-preview:{}",dirString);
  }
 }

 /**
  * ppt固定尺寸图片代理输出
  * @throws IOException
  * http://document.polyv.net/images/2016/03/de37d2ceb11ac068c18c5e4428541075/jpg-3/1000x540.png
  *
  * http://document.polyv.net/images/2016/03/de37d2ceb11ac068c18c5e4428541075/jpg-3.png
  */
 @RequestMapping("/images/{year}/{month}/{md5id}/{filename}/{width}x{height}.{ext}")
 public void cropfixedImage(@PathVariable String year, @PathVariable String month, @PathVariable String md5id,
   @PathVariable String filename, @PathVariable Integer width, @PathVariable Integer height, @PathVariable String ext,
   HttpServletRequest request, HttpServletResponse response) throws IOException {
  // String rootDir = "/data03/ovp/blobs/";
  String rootDir = SystemConfig.getBlobDirectory();
  //String oname = filename.substring(1, filename.length());// 原图文件名
  String dirString = rootDir + year + "/" + month + "/" + md5id + "/" + ( filename + "." + ext);
  String targetFileString = rootDir + year + "/" + month + "/" + md5id + "/" + filename + "/" + (width + "x" + height + "." + ext);

  //如果原图存在
  File originImage = new File(dirString);
  if(originImage.exists()){
   File targetFileStringFile = new File(targetFileString);
   if(!targetFileStringFile.exists()){
    LOG.info("corpImage..." + dirString + " -> " + targetFileString);
    File newfile = new File(targetFileString);
    String pathString = newfile.getParent();
    LOG.info("pathString...{} {}", pathString);
    File pathFile = new File(pathString);
    if (!pathFile.exists()) {
     LOG.info("---create file---");
     pathFile.mkdirs();
    }
    ImageMagickUtils.resizeWH(dirString, targetFileString,width,height);
   }
   response.setContentType("image/" + ext);
   java.io.InputStream in = null;
   try{
    in = new java.io.FileInputStream(targetFileString);
    response.setContentLength(in.available());
    byte[] buffer = new byte[1024];
    int count = 0;
    while ((count = in.read(buffer)) > 0) {
     response.getOutputStream().write(buffer, 0, count);
    }
    response.flushBuffer();
   }catch(Exception e){
    e.printStackTrace();
   }finally {
    try {
     in.close();
    } catch (Exception e) {

    }
   }
  }else{
   LOG.info("原图目录不存在:{}",dirString);
  }

 }

 /**
  * 图片下载
  */
 @RequestMapping("get/image/data")
 public void downloadImage(HttpServletRequest request, HttpServletResponse response) throws IOException {
  String filePath = ServletRequestUtils.getStringParameter(request, "filePath", ""); //图片访问路劲
  String fileName = ServletRequestUtils.getStringParameter(request, "fileName", ""); //名称

  if(StringUtils.isNotBlank(filePath) || StringUtils.isNotBlank(fileName)){
   String destUrl = filePath;
   //LOG.info("--------------"+filePath);
   String fileFormat=filePath.substring(filePath.lastIndexOf("."));
   //String name=fileName.trim()+fileFormat;
   String name=filePath.substring(filePath.lastIndexOf("/")+1, filePath.length());
   //File f = new File(filePath);
   //response.setHeader("Content-Disposition", "attachment; filename="+java.net.URLEncoder.encode(f.getName(),"UTF-8"));
   //LOG.info("--------------"+f.getName());

   // 建立链接
   URL url = new URL(destUrl);
   HttpURLConnection httpUrl = (HttpURLConnection) url.openConnection();
   // 连接指定的资源
   httpUrl.connect();
   // 获取网络输入流
   BufferedInputStream bis = new BufferedInputStream(httpUrl.getInputStream()); 

   Integer lenf=httpUrl.getContentLength();
   //String lenf=this.getFileLength(4189053, 7189053);
   response.setContentType("application/x-msdownload");
   response.setHeader("Content-Length", lenf.toString());//文件大小值5几M
   response.setHeader("Content-Disposition", "attachment; filename="+java.net.URLEncoder.encode(name,"UTF-8"));
   OutputStream out = response.getOutputStream();
   byte[] buf = new byte[1024];
   if (destUrl != null) {
    BufferedInputStream br = bis;
    int len = 0;
    while ((len = br.read(buf)) > 0){
     out.write(buf, 0, len);
    }
    br.close();
   }
   out.flush();
   out.close();
  }

 } 

}

图片缩放的业务

package com.document.tool;

import java.io.IOException;

import javax.swing.ImageIcon;

import org.apache.commons.exec.CommandLine;
import org.apache.commons.exec.DefaultExecuteResultHandler;
import org.apache.commons.exec.DefaultExecutor;
import org.apache.commons.exec.ExecuteException;
import org.apache.commons.exec.ExecuteWatchdog;
import org.apache.commons.exec.Executor;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

/**
 * 使用ImageMagick对图片文件进行处理的工具类。
 * @author XingNing OU
 */
public abstract class ImageMagickUtils {

 private static final String EXECUTABLE_CONVERT = "/usr/bin/convert"; // convert命令

 private static final String EXECUTABLE_COMPOSITE = "/usr/bin/composite"; // composite命令

 private static final long EXECUTE_TIMEOUT = 30 * 60 * 1000L; // 30 minutes

 private static final Logger LOG = LoggerFactory.getLogger(ImageMagickUtils.class);

 /**
  * 执行图片处理的命令。
  * @param cmdLine 待执行的命令
  * @return exitValue,一般等于0时表示正常运行结束
  * @throws ExecuteException 命令执行失败时抛出此异常
  * @throws IOException 当发生IO错误时抛出此异常
  * @throws InterruptedException 当等待异步返回结果被中断时抛出此异常
  */
 public static int executeCommandLine(CommandLine cmdLine) throws ExecuteException, IOException,
 InterruptedException {
  Executor executor = new DefaultExecutor();
  executor.setExitValue(0);

  // Kill a run-away process after EXECUTE_TIME milliseconds.
  ExecuteWatchdog watchdog = new ExecuteWatchdog(EXECUTE_TIMEOUT);
  executor.setWatchdog(watchdog);

  // Execute the print job asynchronously.
  DefaultExecuteResultHandler resultHandler = new DefaultExecuteResultHandler();
  executor.execute(cmdLine, resultHandler);

  // Some time later the result handler callback was invoked.
  resultHandler.waitFor();

  // So we can safely request the exit value.
  return resultHandler.getExitValue();
 }

 /**
  * 按照高宽比例缩小图片。
  * @param src 源图片
  * @param dst 目标图片
  * @param width 图片图片的宽度
  * @param height 目标图片的高度
  * @return 是否处理成功
  */
 public static boolean scale(String src, String dst, int width, int height) {
  // 构建命令
  CommandLine cmdLine = new CommandLine(EXECUTABLE_CONVERT);
  cmdLine.addArgument(src);
  cmdLine.addArgument("-scale");
  cmdLine.addArgument(width + "x" + height);
  cmdLine.addArgument(dst);

  try {
   executeCommandLine(cmdLine);
   return true;
  } catch (Exception e) {
   LOG.error("缩略图片时发生异常,Cause: ", e);
   return false;
  }
 }

 /**
  * 按照高宽比例缩小图片。
  * @param src 源图片
  * @param dst 目标图片
  * @param width 图片图片的宽度
  * @param height 目标图片的高度
  * @return 是否处理成功
  */
 public static boolean thumbnail(String src, String dst, int width, int height) {
  // 构建命令
  CommandLine cmdLine = new CommandLine(EXECUTABLE_CONVERT);
  cmdLine.addArgument(src);
  cmdLine.addArgument("-thumbnail");
  cmdLine.addArgument(width + "x" + height);
  cmdLine.addArgument(dst);

  try {
   executeCommandLine(cmdLine);
   return true;
  } catch (Exception e) {
   LOG.error("缩略图片时发生异常,Cause: ", e);
   return false;
  }
 }

 /**
  * 添加图片水印。
  * @param src 源图片
  * @param dst 目标图片
  * @param logofile 水印图片
  * @param dissolve 和水印的融合度,0-100的数字
  * @param gravity 叠放方向,East,West,North,South,NorthEast,NorthWest,SouthEast,SouthWest
  * @return 是否处理成功
  */
 public static boolean drawLogo(String src, String dst, String logofile, int dissolve, String gravity) {
  // 构建命令
  CommandLine cmdLine = new CommandLine(EXECUTABLE_COMPOSITE);
  cmdLine.addArgument("-dissolve");
  cmdLine.addArgument(dissolve + "%");
  cmdLine.addArgument("-gravity");
  cmdLine.addArgument(gravity);
  cmdLine.addArgument(logofile);
  cmdLine.addArgument(src);
  cmdLine.addArgument(dst);

  try {
   executeCommandLine(cmdLine);
   return true;
  } catch (Exception e) {
   LOG.error("添加图片水印时发生异常,Cause: ", e);
   return false;
  }
 }

 /**
  * 添加图片水印。
  * @param src 源图片
  * @param dst 目标图片
  * @param logofile 水印图片
  * @param dissolve 和水印的融合度,0-100的数字
  * @param x 水印距离左下角的距离
  * @param y 水印距离右下角的距离
  * @return 是否处理成功
  */
 public static boolean drawLogo(String src, String dst, String logofile, int dissolve, int x, int y) {
  ImageIcon icon = new ImageIcon(src);
  int width = icon.getIconWidth(); // 源图的宽
  int height = icon.getIconHeight(); // 源图的高

  String _x = String.valueOf(width - x); // 在x轴上水印图片的左上顶点距离图片左上角的距离
  String _y = String.valueOf(height - y); // 在y轴上水印图片的左上顶点距离图片左上角的距离

  // 构建命令
  CommandLine cmdLine = new CommandLine(EXECUTABLE_COMPOSITE);
  cmdLine.addArgument("-dissolve");
  cmdLine.addArgument(dissolve + "%");
  cmdLine.addArgument("-geometry");
  cmdLine.addArgument(_x + "+" + _y);
  cmdLine.addArgument(logofile);
  cmdLine.addArgument(src);
  cmdLine.addArgument(dst);

  try {
   executeCommandLine(cmdLine);
   return true;
  } catch (Exception e) {
   LOG.error("添加图片水印时发生异常,Cause: ", e);
   return false;
  }
 }

 /**
  * 裁剪图片。
  * @param src 源图片
  * @param dst 目标图片
  * @param width 目标宽度
  * @param height 目标高度
  * @param left 裁剪位置:距离左边的像素
  * @param top 裁剪位置:距离上边的像素
  * @return 是否处理成功
  */
 public static boolean crop(String src, String dst, int width, int height, int left, int top) {
  // 构建命令
  CommandLine cmdLine = new CommandLine(EXECUTABLE_CONVERT);
  cmdLine.addArgument(src);
  cmdLine.addArgument("-crop");
  cmdLine.addArgument(width + "x" + height + "+" + left + "+" + top);
  cmdLine.addArgument(dst);

  try {
   executeCommandLine(cmdLine);
   return true;
  } catch (Exception e) {
   LOG.error("裁剪图片时发生异常,Cause: ", e);
   return false;
  }
 }

 /**
  * 获取矩形的小图。
  * @param src 源图片
  * @param dst 目标图片
  * @param width 目标宽度
  * @param height 目标高度
  * @param left 裁剪位置:距离左边的像素
  * @param top 裁剪位置:距离上边的像素
  * @return 是否处理成功
  */
 public static boolean cropRect(String src, String dst, int width, int height, int left, int top) {
  ImageIcon icon = new ImageIcon(src);
  int origWidth = icon.getIconWidth();
  int origHeight = icon.getIconHeight();
  int[] s = new int[2];
  if (origWidth < origHeight) { // 以宽为标准
   s = getSize(origWidth, origHeight, width, height, 1);
  } else {// 以高为标准
   s = getSize(origWidth, origHeight, width, height, 2);
  }

  if (thumbnail(src, dst, s[0], s[1])) {
   return crop(src, dst, width, height, left, top);
  }
  return false;
 }

 /**
  * 加边框。
  * @param src 源图片
  * @param dst 目标图片
  * @param borderWidth 边框的宽度
  * @param borderHeight 边框的高度
  * @param borderColor 边框的颜色
  * @return 是否处理成功
  */
 public static boolean border(String src, String dst, int borderWidth, int borderHeight, String borderColor) {
  // 构建命令
  CommandLine cmdLine = new CommandLine(EXECUTABLE_CONVERT);
  cmdLine.addArgument("-bordercolor");
  cmdLine.addArgument(borderColor);
  cmdLine.addArgument("-border");
  cmdLine.addArgument(borderWidth + "x" + borderHeight);
  cmdLine.addArgument(src);
  cmdLine.addArgument(dst);

  try {
   executeCommandLine(cmdLine);
   return true;
  } catch (Exception e) {
   LOG.error("加图片边框时发生异常,Cause: ", e);
   return false;
  }
 }

 /**
  * 转换图片格式。
  * @param src 源图片
  * @param dst 目标图片
  * @param format 转换的格式
  * @return 是否处理成功
  */
 public static boolean format(String src, String dst, String format) {
  // 构建命令
  CommandLine cmdLine = new CommandLine(EXECUTABLE_CONVERT);
  cmdLine.addArgument(src);
  cmdLine.addArgument("-format");
  cmdLine.addArgument("'" + format + "'");
  cmdLine.addArgument(dst);

  try {
   executeCommandLine(cmdLine);
   return true;
  } catch (Exception e) {
   LOG.error("转换图片格式时发生异常,Cause: ", e);
   return false;
  }
 }

 /**
  * 转换无限极的TIFF图片。
  */
 public static boolean convertTiff(String src, String dst) {
  // 构建命令
  CommandLine cmdLine = new CommandLine(EXECUTABLE_CONVERT);
  cmdLine.addArgument(src);
  cmdLine.addArgument("-colorspace");
  cmdLine.addArgument("RGB");
  cmdLine.addArgument(dst);

  try {
   executeCommandLine(cmdLine);
   return true;
  } catch (Exception e) {
   LOG.error("转换图片格式时发生异常,Cause: ", e);
   return false;
  }
 }

 /**
  * 获得要压缩图片的大小。
  * @param w 图片的原宽度
  * @param h 图片的原高度
  * @param width 标准宽
  * @param height 标准高
  * @param type 类型 1-以宽为标准压缩 2-以高为标准压缩 3-以比例大小压缩
  * @return size[0]-要压缩的宽度, size[1]-要压缩的高度
  */
 public static int[] getSize(double w, double h, double width, double height, int type) {
  if (w < width) {// 如果原宽度比标准宽度小
   width = w;
  }
  if (h < height) {// 如果原高度比标准高度小
   height = h;
  }
  double scale = w / h;
  switch (type) {
   case 1:
    height = width / scale;
    break;
   case 2:
    width = height * scale;
    break;
   case 3:
    if (width / height > scale) {
     width = height * scale;
    } else if ((width / height) < scale) {
     height = width / scale;
    }
    break;
  }
  int[] size = new int[2];
  size[0] = (int) width;
  size[1] = (int) height;
  return size;
 }

 /**
  * 指定宽度。
  * @param src
  * @param width
  * @param dst
  */
 public static boolean resize(String src, int width, String dst) {
  // 构建命令
  CommandLine cmdLine = new CommandLine(EXECUTABLE_CONVERT);
  cmdLine.addArgument(src);
  cmdLine.addArgument("-resize");
  cmdLine.addArgument(width + "");
  cmdLine.addArgument(dst);

  try {
   executeCommandLine(cmdLine);
   return true;
  } catch (Exception e) {
   LOG.error("缩略图片时发生异常,Cause: ", e);
   return false;
  }
 }

 /**
  * 指定宽度、高度。
  * @param src
  * @param width
  * @param dst
  */
 public static boolean resizeWH(String src,String dst, int width, int height ) {
  // 构建命令
  CommandLine cmdLine = new CommandLine(EXECUTABLE_CONVERT);
  cmdLine.addArgument(src);
  cmdLine.addArgument("-resize");
  cmdLine.addArgument(width + "x" + height +"!");
  cmdLine.addArgument(dst);

  try {
   executeCommandLine(cmdLine);
   return true;
  } catch (Exception e) {
   LOG.error("缩略图片时发生异常,Cause: ", e);
   return false;
  }
 }
}

服务器上要安装imagemagick。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Fastdfs与nginx进行压缩图片比率

    在此先把前面自己做的那个功能在此分享下,是一个模仿淘宝的,希望大神们有什么想法可以不吝赐教: 自己是通过前面的参考配置lua与nginx的结合使用,利用脚本语言lua的强大特性和nginx的特性来实现这个功能,在nginx.conf的配置文件中加入如下代码: server { listen 22222; server_name localhost; # server_name somename alias another.alias; location /images/{ alias /root

  • 利用nginx + fastcgi实现图片识别服务器

    背景 使用的特定的设备进行深度学习模型的推理,该机器仅仅提供了C++封装好的API进行模型的加载启动与推理,模型的训练依然是使用caffe,模型需要转化成该设备支持的格式,模型的转化这里就不在介绍.为了把模型的推理做成一种服务,只能上手C++,搭建HTTP服务,使得用户通过http服务post一张图片,服务器启动模型推理,实现模型的预测,并把结果返回给客户端. 整体框架 服务短的服务内容就是对接收的图片进行预处理,然后进行模型的推理,目前需要做的一点就是引入HTTP服务 前期调研 对于一个C++

  • Linux环境下nginx搭建简易图片服务器

    主要使用Nginx和vsftpd. 安装方面可以直接从nginx官网上下载,或者... 复制代码 代码如下: yum install nginx 如果没有yum源则需要自行添加再进行install. 复制代码 代码如下: yum install wget wget http://www.atomicorp.com/installers/atomic  sh ./atomic  yum check update 如果是从官网上下载的则进行如下操作: 复制代码 代码如下: [root@admin l

  • Linux平台通过nginx和vsftpd构建图片服务器

    因为开发需要,需要在Linux上构建一个独立的图片服务器,此处默认您已安装好Linux系统.系统环境:CentOs6.5,Vmware10 一.Nginx安装 1.nginx安装环境 nginx是C语言开发,建议在linux上运行,本教程使用Centos6.5作为安装环境. 安装nginx需要先将官网下载的源码进行编译,编译依赖gcc环境,如果没有gcc环境,需要安装gcc:yum install gcc-c++ PCRE(PerlCompatible Regular Expressions)是

  • 详解Nginx搭建图片服务器过程

    在此之前如果你是一个Nginx新手可以先参阅: Windows nginx安装教程及简单实践 linux下安装nginx(图文教程) 本章知识点 效果图: 需求:实现图片的上传和批量上传 技术:Nginx,Vsftpd,Spring,SpringMVC,KindEditor,CentOS 说明:本章节内容主要是实现图片的上传功能.使用 KindEditer 是为了更好的演示图片的上传,回显,批量效果.后台代码与KindEditer没有直接关系,放心阅读.另外源码中有Mybatis的jar,不用理

  • PHP加Nginx实现动态裁剪图片方案

    许久以前写过一篇也是关于高性能PHP图片动态裁剪方案的文章,那文章使用的是nginx Cache和rewrite实现的,当然再加上CDN,那个方案存在一个问题就是图片并没有实际生成,而是以二进制的形式存在缓存中.如果缓存失效了那么还需要请求php再次生成.如果说到区别这是我暂且认为的吧.利用空余时间,新增了静态生成图片支持,支持对图片3种模式切换,在门户网站自动对图片尺寸进行裁剪,减少服务器带宽,理论上应该也满足了业务的需求吧,图片裁剪使用了Imagick组件. 一.思路再现:1.先写好请求服务

  • Nginx代理输出缩放图片的方法

    本文实例为大家分享了Nginx代理输出缩放图片的具体代码,供大家参考,具体内容如下 nginx 配置文件: # document ppt convert Configuration. upstream document.polyv.net { server 127.0.0.1:8080; } server { listen 80; server_name document.polyv.net; index index.html index.htm; charset utf-8; client_m

  • js实现固定显示区域内自动缩放图片的方法

    本文实例讲述了js实现固定显示区域内自动缩放图片的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

  • jQuery实现按比例缩放图片的方法

    本文实例讲述了jQuery实现按比例缩放图片的方法.分享给大家供大家参考,具体如下: 做网站的时候,相信有很多朋友都会遇到图片过大,导致页面撑开变形的问题,如果强制设置width,height,图片则会因为强制变形而走样.在这里我介绍一种简单的按比例缩放图片的方法. 对于一堆图片 <img src="1.jpg" border="1"></img> <img src="2.jpg" border="1&qu

  • jquery实现根据浏览器窗口大小自动缩放图片的方法

    本文实例讲述了jquery实现根据浏览器窗口大小自动缩放图片的方法.分享给大家供大家参考.具体如下: (function($){ $.fn.resizeimage = function(){ var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback(img.width, img.height); } else { img.onload =

  • JS实现按比例缩放图片的方法(附C#版代码)

    本文实例讲述了JS实现按比例缩放图片的方法.分享给大家供大家参考,具体如下: js版本: function resizeImage(obj, MaxW, MaxH) { var imageObject = obj; var state = imageObject.readyState; if(state!='complete') { setTimeout("resizeImage("+imageObject+","+MaxW+","+MaxH+&

  • 详解nginx代理天地图做缓存解决跨域问题

    作为一个GISer开发者,天地图是经常在项目中以底图的形式出现,其加载地址如: 1.天地图矢量:http://t{0-6}.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z} 2.天地图影像:http://t{0-6}.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z} 3.天地图地形:http://t{0-6}.tianditu.com/DataServer?T

  • php实现等比例不失真缩放上传图片的方法

    本文实例分析了php实现等比例不失真缩放上传图片的方法.分享给大家供大家参考,具体如下: 有时上传图片时因为图片太大了,不仅占用空间,消耗流量,而且影响浏(图片的尺寸大小不一).下面分享一种等比例不失真缩放图片的方法,这样,不管上传的图片尺有多大,都会自动压缩到我们设置尺寸值的范围之内.经过测试,证明实用. <?php function resizeImage($im,$maxwidth,$maxheight,$name,$filetype) { $pic_width = imagesx($im

  • asp.net实现图片以二进制流输出的两种方法

    本文实例讲述了asp.net实现图片以二进制流输出的两种方法.分享给大家供大家参考,具体如下: 方法一: System.IO.MemoryStream ms = new System.IO.MemoryStream(); System.IO.Stream str = new FileUpload().PostedFile.InputStream; System.Drawing.Bitmap map = new System.Drawing.Bitmap(str); map.Save(ms, Sy

  • js实现鼠标滚轮控制图片缩放效果的方法

    本文实例讲述了js实现鼠标滚轮控制图片缩放效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

  • Android开发之imageView图片按比例缩放的实现方法

    本文实例讲述了Android开发之imageView图片按比例缩放的实现方法.分享给大家供大家参考,具体如下: android:scaleType可控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" android:src=\'#\'" /logo" android:scaleType="centerInside" android:layout_width="60dip"

随机推荐