Filter实现的一个基于url的图片处理插件

1. 它是什么?

    这是一个非常简单的图片处理的插件,可快速集成在你的web应用中。基于http对图片进行缩略大小、质量压缩、旋转、转换扩展类型、添加水印等常用操作。
前台的图片尺寸发生变化的时候在前端修改url参数就好了,不用每次单独在后台去写一个尺寸常量,然后重新生成。

2. 如何使用?

    预览缩略图
        服务器有一个abc.png的图片大小为1024x800,现在想要300x230的比例图
            http://host:port/upload/abc.png?imageView/s/300x230 这个链接就ok了
            这里imageView是图片预览,后面的1是按大小缩放,300x230是缩放后的大小
        我想取一个512x400的图,就是原图的一半
            http://host:port/upload/abc.png?imageView/p/50
            这里的2是按比例缩放,50是缩放为原图的50%
    下载缩略图
        只需把imageView改为imageDown即可
    旋转图片
        http://host:port/upload/abc.png?imageView/r/180 这个链接就ok了
    添加水印
        待完成
    这里的参数顺序可以打乱的,imageView这个参数是请求显示还是下载(必须是第一个),后面的是处理图片参数(以键值对方式排列)
    …….

3. 快速集成

    1. 在web.xml中加入即可
    <filter>
        <filter-name>image-plugin</filter-name>
        <filter-class>org.unique.plugin.image.ImageFilter</filter-class>
    </filter>

    <filter-mapping>
        <filter-name>image-plugin</filter-name>
        <url-pattern>/upload/*</url-pattern>
    </filter-mapping>

    然后,就没有然后了。。。

4. 参数详解

图片预览
    http://xxxxx/abc.png?imageView/s/300x200/q/90
    http://xxxxx/abc.png?imageView/缩放类型/类型参数/压缩图片比例/比例参数
    缩放类型:1按大小缩放  2按比例缩放
    类型参数:类型为1后面跟widthxheight(当前这个不是强制压缩的会根据图片宽高比缩放),类型为2后面跟1-100的比例
    压缩图片比例:对图片的质量要求不高可以在这里处理(非必须)
    比例参数:1-100比例
图片下载参数和预览是一样的,imageView变成了imageDown,我没有考虑吧他变的很复杂做成可配置的,
因为这个插件只支持单机环境,分布式的话考虑别的架构,它非常的轻小。

图片旋转
    http://xxxxx/abc.png?imageView/r/180
    将图片abc旋转180度预览,参考范围(0-360)可以是负数
图片加水印
    待完成
当然如果你不喜欢这样的命名可以拿代码去改,这份代码完全开源。

来张pic

git地址:https://git.oschina.net/biezhi/image-plugin.git

Filter实现的一个基于url的图片处理插件

时间: 2025-01-08 21:39:25

Filter实现的一个基于url的图片处理插件的相关文章

基于JQUERY 的图片查看插件

viewer是一款功能强大的图片查看器.它可以实现ACDsee等看图软件的部分功能.它可以对图片进行移动,缩放,旋转,翻转,可以前后浏览一组图片.该图片查看器还支持移动设备,支持键盘控制,功能十分强大. 安装 可以通过nmp或bower来安装该图片查看器插件. 1.npm install imageviewer 2.bower install imageviewer  使用方法 使用该幻灯片插件需要引入jQuery(最好不要压缩mini版),viewer.css和viewer.js文件. <li

【jQuery插件分享】Cropper——一个简单方便的图片裁剪插件

原文:https://segmentfault.com/a/1190000012344970 插件介绍 这是一个我在写以前的项目的途中发现的一个国人写的jQuery图像裁剪插件,当时想实现用户资料的头像上传功能,并且能够预览图片,和对图片进行简单的裁剪.旋转,花了不少时间才看到了这个插件,感觉功能挺全面,代码实现起来也挺简单,再加上用的是Bootstrap,对移动端操作也有适配,于是就用了.现在稍微有点时间就记录一下,方便以后再用的时候查阅.另外也有对应的js版本. 官方文档(英文) jQuer

基于vue的图片查看插件vue-photo-preview

1. 安装 在任务管理器中输入命令 2. 在项目main.js中引入 3.在所需要的项目中直接使用 还有两个属性,可以看需求添加 preview-title-enable="false" 将禁用底部标题. 默认值: true. preview-nav-enable="false" 将禁用水平导航. 默认值: true 4.效果展示 原文地址:https://www.cnblogs.com/pearl-/p/10234584.html

十个jQuery图片画廊插件推荐

jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片.当幻灯片已经成为网站的重要组成部分,jQuery的重要性不能被忽视.下面为你介绍了10个最有美感,创新性和创造性的jQuery图片画廊插件: 1.How to Create a Simple Slideshow using Mootools / JQuery 当我们想要在有限的屏幕空间展示很多内容,这要使用到幻灯片.幻灯片是最佳的可以展现大量的信息的方式.在这篇文章中我将展示使用MooTools / Jquery做出

基于jQuery的数字键盘插件

有时,我们需要在网页上使用软键盘.今天,就给大家带来一个基于jQuery的数字键盘插件,除了jQuery,不需要依赖任何文件资源.纯数字键盘,有退格,有清除,不支持输入小数(需要的可以自己改一下,主要是多个小数点就有13个键,不好排列了,呵呵).支持鼠标拖动和触摸拖动,可关闭. 在线演示 1.页面代码 <ul> <li><input type="text" placeholder="手机号码后四位" id="numkeyboa

base64:URL背景图片与web页面性能优化

一.base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息. 某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么? 好吧,我也不喜欢专业术语的解释.你只要知道,base64编码就是长得像下面这样子的代码: thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTFfbG9nby5naWZaWg== 上面代码大家都熟悉吧,迅雷下载链接哦(咳咳,该地址很纯洁),就

java进阶 ------ 基于URL高层次的网络编程

[本文是自己学习所做笔记,欢迎转载,但请注明出处:http://blog.csdn.net/jesson20121020] 统一资源定位符URL URL(Uniform Resource Locator)表示Internet上某一资源的地址,通过URL我们可以访问internet上的各种网络资源,比如最常见的WWW,FTP站点. URL的组成: protocol://resourceName 协议名(protocol)指明获取资源所使用的传输协议,如http,ftp,gopher,file等,资

GPUImage ==&gt; 一个基于GPU图像和视频处理的开源iOS框架

Logo 项目介绍: GPUImage是Brad Larson在github托管的开源项目. GPUImage是一个基于GPU图像和视频处理的开源iOS框架,提供各种各样的图像处理滤镜,并且支持照相机和摄像机的实时滤镜: 基于GPU的图像加速,因此可以加速对实时摄像头视频.电影以及image的滤镜和其它效果处理,并且能够自定义图像滤镜.另外, GPUImage支持ARC. 使用GPUImage处理图片比Core Image更简单,只需要将过滤器赋给图片对象即可,不用考虑context或者设备等其

小tip: base64:URL背景图片与web页面性能优化——张鑫旭

一.base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息. 某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么?~~ 好吧,我也不喜欢专业术语的解释.你只要知道,base64编码就是长得像下面这样子的代码:thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTFfbG9nby5naWZaWg== 上面代码大家都熟悉吧,迅雷下载链接哦(咳咳,该地址很纯洁),