PHP header()输出图片缓存
很多开发中,我们试图使用header("Content-type: image/jpeg");来 输出图片,试图用一些php的图像处理技术,让输出图片更加智能和动感。但我们常常遇到新的问题,除非你规定不同的URL结构,并采用服务器技术将图片缓 存,否则很有可能这些输出图片会消耗大量的流量。怎么把它们缓存起来,下次用户访问的时候调用缓存呢?(前提是你的这个图片希望保持不变)
代码如下 | 复制代码 |
// put this above any php image generation code: session_start(); header("Cache-Control: private, max-age=10800, pre-check=10800"); header("Pragma: private"); header("Expires: " . date(DATE_RFC822,strtotime(" 2 day"))); |
在header("Content-type: image/jpeg");上方添加上面这段代码,它将规定当前页面缓存的时间(两天),并在下一次访问中使用这个缓存时间节点。
接下来判断是否已经有缓存,如果有,就使用缓存。
情况一:如果浏览器对当前页面已经有缓存,那么就直接使用它。
代码如下 | 复制代码 |
// the browser will send a $_SERVER['HTTP_IF_MODIFIED_SINCE'] if it has a cached copy if(isset($_SERVER['HTTP_IF_MODIFIED_SINCE'])){ // if the browser has a cached version of this image, send 304 header('Last-Modified: '.$_SERVER['HTTP_IF_MODIFIED_SINCE'],true,304); exit; } |
情况二:浏览器缓存了当前页,虽然我们更新了某些图片信息,但来源图片本身没有变化,而且我们希望使用之前的缓存,那么也使用缓存。
代码如下 | 复制代码 |
$img = "some_image.png"; |
当然,有些特殊的情况我们还必须考虑,但上面的代码基本上能够带领我们的思路。对了,记得把它们都放在header("Content-type: image/jpeg")的上面。
接着我们来看个例子吧
代码如下 | 复制代码 |
<?php |
通过本文你至少可以掌握以下技巧:
1、能够使用JpGraph画出各式各样的图表
一、开启GD库
Jpgraph需要GD库的支持,所以在调式JpGraph之前,确保GD库已开启,这很重要,不然后面的工作就没办法展开了。GD库在PHP5中是被默认安装的,我们只需开启GD库就可以了。
打开php.ini文件,找到“;extension=php_gd2.dll”选项,将其前的分号“;”去掉,如图所示
二、使用方法
在使用JpGraph时,最好弄明白你使用的是哪一个版本,千万不要弄错,不然就会张冠李戴,让你调得头晕目眩的。也不要从网上找一些片断代码来调试,除非它是完整的,不然也会让你吃不了兜着走的了。唠叼就到这里了,下面开始调试。
运行环境
操作系统 W7
解压下载的jpgraph-3.5.0b1压缩包,会看到一些目录:
src:图表生成所依赖的代码包,其子目录Examples里有许多的实例。
实例
把jpgraphExamplesaccbarex1.php拷贝到test目录(和jpgraph同一目录),然后打开打开http://localhost/test/accbarex1.php,我们就会看到生成的图
哗,这是我们使用PHP作图很难实现的
代码如下 | 复制代码 |
//加载生成图表对应的文件 //创建图表的数据,可以自定义 // 图表的长宽 //图表的外边距 //设置图表的标题字体、大小 //和上面标题对应,设置标题的字体和大小 //生成本地图表,?认留空,生成在当前目录,可以Stroke(“路径/文件名.png”)这样指定路径 |
JpGraph的难点是中文乱码的解决,本来还想把这个问题一块解决的,但似乎篇幅有点长了,留到下一篇吧
小结:调试JpGraph,需要注意其运行环境、版本、操作系统以及代码的完整性,不然相同的代码可能却无法正确运行。
在PHP中绘制图像的函数非常丰富,包括点、线、各种几何图形等可以想象出来的平面图形,都可以通过PHP中提供的各种画图函数完成。我们在这里介绍一些常用的图像绘制,如果使用我们没有介绍过的函数,可以参考手册实现。另外,这些图形绘制函数都需要使用画布资源,并在画布中的位置通过坐标(原点是在画布左上角的起始位置,以像素为单位,沿着X轴正方向向右延伸,Y轴正方向向下延伸)决定,并且还可以通过函数的最后一个参数,设置每个图形的颜色。画布中的坐标系统如图所示。
1.函数图形区域填充imageFill()
通过PHP仅仅绘制出只有边线的几何图形是不够的,还可以使用对应的填充函数,完成图形区域的填充。除了每个图形都有对应的填充函数之外,还可以使用imageFill()函数实现区域填充。该函数的语法格式如下:
bool imagefill(resource $image,int $x ,int $y,int $color) //区域填充
该函数在参数$image代表的图像上,相对于图像左上角(0,0)坐标处,从坐标($x,$y)处用参数$color指定的颜色执行区域填充。与坐标($x,$y)点颜色相同且相邻的点都会被填充。例如在下面的示例中,将画布的背景设置为红色。代码如下所示:
代码如下 | 复制代码 |
<?php $im = imagecreatetruecolor(100, 100); //创建100*100大小的画布 $red = imagecolorallocate($im, 255, 0, 0); //设置一个颜色变量为红色 imagefill($im, 0, 0, $red); //将背景设为红色 header('Content-type:image/png'); //通知浏览器这不是文本而是一个图片 imagepng($im); //生成PNG格式的图片输出给浏览器 imagedestroy($im); //销毁图像资源,释放画布占用的内存空间 ?> |
2.绘制点和线imageSetPixel()、imageline()
画点和线是绘制图像中最基本的操作,如果灵活使用,可以通过它们绘制出千变万化的图像。在PHP中,使用imageSetPixel()函数在画布中绘制一个单一像素的点,并且可以设置点的颜色。其函数的原型如下所示:
bool imagesetpixel(resource $image,int $x,int $y,int $color) //画一个单一像素
该函数在第一个参数$image中提供的画布上,距离圆点分别为$x和$y的坐标位置,绘制一个颜色为$color的一个像素点。理论上使用画点函数便可以画出所需要的所有图形,也可以使用其他的绘图函数。如果需要绘制一条线段,可以使用imageline()函数,其语法格式如下所示:
bool imageline(resource $image,int $x1,int $y1,int $x2,int $y2,int $color) //画一条线段
我们都知道两点确定一条线段,所以该函数使用$color颜色在图像$image中,从坐标($x1,$x2)开始到($x2,$y2)坐标结束画一条线段。
3.绘制矩形imageRectangle()、imageFilledRectangle()
可以使用imageRectangle()函数绘制矩形,也可以通过imageFilledRectangle()函数绘制一个矩形并填充。这两个函数的语法格式如下所示:
bool imagerectangle(resource $image,int $x1 , int $y1,int $x2,int $y2,int $color) //画一个矩形
bool imagefilledrectangle(resource image,int $x1 ,int $y1 ,int $x2 ,int $y2,int $color) //画一个矩形并填充
这两个函数的行为类似,都是在$image图像中画一个矩形,只不过前者是使用$color参数指定矩形的边线颜色,而后者则是使用这个颜色填充矩形。相对于图像左上角的(0,0)位置,矩形的左上角坐标为($x1,$y1),右下角坐标为($x2,$y2)。
4.绘制多边形imagePolygon()、imagefilledpolygon()
可以使用imagePolygon()函数绘制一个多边形,也可以通过imageFilledPolygon()函数绘制一个多边形并填充。这两个函数的语法格式如下:
bool imagepolygon(resource $image,array $points,int $num_points,int $color) //画一个多边形
bool imagefilledpolygon(resource $image ,array $points,int $num_points,int $color) //画一个多边形并填充
这两个函数的行为类似,都是在$image图像中画一个多边形,只不过前者是使用$color参数指定多边形的边线颜色,而后者则是使用这个颜色填充多边形。第二个参数$points是一个PHP数组,包含了多边形的各个顶点坐标。即points[0]=x0,points[1]=y0,points[2]=x1,points[3]=y1,依此类推。第三个参数$num_points是顶点的总数,必须大于3.
5.绘制椭圆imageEllipse()、imageFilledElipse()
可以使用imageEllipse()函数绘制一个椭圆,也可以通过imageFilledEllipse()函数绘制一个椭圆并填充。这两个函数的语法格式如下:
bool imageellipse(resource $image,int $cx,int $cy,int $w,int $h,int $color) //画一个椭圆
bool imagefilledellipse(resource $image,int $cx,int $cy,int $w,int $h,int $color) //画一个椭圆填充
这两个函数行为类似,都是在$image图像中画一个椭圆,只不过前者是使用$color参数指定椭圆形的边线颜色,而后者则是使用它填充颜色。相对于画布左上角坐标(0,0),以($cx,$cy)坐标为中心画一个椭圆,参数$w和$h分别指定了椭圆的宽和高。如果成功则返回TRUE,失败则返回FALSE。
6.绘制弧线imageArc()
就是使用绘制填充圆弧的函数实现的。可以使用imageArc()函数绘制一条弧线,以及圆形和椭圆形。这个函数的语法格式如下:
bool imagearc(resource $image ,int $cx,int $cy,int $w,int $h,int $s,int $e ,int $color) //画椭圆弧
相对于画布左上角坐标(0,0),该函数以($cx,$cy)坐标为中心,在$image所代表的图像中画一个椭圆弧。其中参数$w和$h分别指定了椭圆的宽度和高度,起始点和结束点以$s和$e参数以角度指定。0º位于三点钟位置,以顺时针方向绘画。如果要绘制一个完整的圆形,首先要将参数$w和$h设置为相等的值,然后将起始角度$s设置为0,结束角度$e指定为360.如果需要绘制填充圆弧,可以查询imageFilledArc()函数使用。
下面再看一个由图片处理函数生成的一个 3D扇形统计图示例
代码如下 | 复制代码 |
<?php |
直接通过浏览器请求该脚本,或是将该脚本所在的URL,赋给HTML中的IMG标记的src属性,都可以获取动态输出的图像结果,如下图所示:
先来看一段简单的文件上传代码
html文件(主要是表单了上传文件的表单了)
代码如下 | 复制代码 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
php上传处理文件
代码如下 | 复制代码 |
<?php /** * PHP文件上传处理页面 * 琼台博客 */ // 定义提示函数 function alert($msg){ return '<script type="text/javascript">alert("'.$msg.'");window.history.back(-1);</script>'; } // 定义允许的文件类型 $allowType = array('image/jpeg','image/gif','image/jpg'); // 定义路径,可以是绝对路径,或者相对路径都可以 $filePath = './uploadFileDir/'; // 接收表单信息 其中里边写的 file 值是 静态页form表单里的name值 $file = $_FILES['file']; // 第一步,判断上传的文件是否有错误 if( $file['error'] !== 0 ){ exit(alert('文件上传错误')); } // 第二步,判断文件大小,这里的102400是字节,换算为kb就是100kb if( $file['size'] > 102400 ){ exit(alert('文件过大')); } // 第三步,判断文件类型 if( !in_array(mime_content_type($file['tmp_name']),$allowType) ){ exit(alert('文件类型错误')); } // 第四步,判断路径是否存在,如果不存在则创建 if( !file_exists($filePath) && !mkdir($filePath,0777,true) ){ exit(alert('创建目录错误')); } // 第五步,定义上传后的名字及路径 $filename = time().'_'.$file['name']; // 第六步,复制文件 if( !copy($file['tmp_name'],$filePath.$filename) ){ exit(alert('上传文件出错,请稍候重试')); } // 第七步,删除临时文件 unlink($file['tmp_name']); // 提示上传成功 echo alert('恭喜,上传文件['.$filename.']成功!'); |
注意:如果你在上传中还带有其它单表字段名我们需要获取需要利用post接受才可以哦,否则你可能接受不到值。
完成以上步骤以后,你就可以给你上传的图片添加水印了。以下是我写的一个小DEMO
水印类
代码如下 | 复制代码 |
<?php |
用法很简单,我们介绍一下原理吧,我们只要创建一个water类就可以了,非常的简单。
例子
代码如下 | 复制代码 |
if( !copy($file['tmp_name'],$filePath.$filename) ){ |
如果文件上传成功之后我们可以如下
代码如下 | 复制代码 |
$wt = new sater(); |
windows系统GD库开启
将php.ini文件找到extension=php_gd2.dll 去掉前面的;就行了
linux系统GD库开启
##检测GD库是否安装命令
php5 -m | grep -i gd
或者
php -i | grep -i --color gd
##如未安装GD库,则为服务器安装,方法如下
### 如果是源码安装,则加入参数
--with-gd
### 如果是debian系的linux系统,用apt-get安装,如下
apt-get install php5-gd
### 如果是CentOS系的系统,用yum安装,如下
yum install php-gd
### 如果是suse系的linux系统,用yast安装,如下
yast -i php5_gd
好了,php GD库己经好了下面我们来看php生成图形验证码图片实例
首先还是给大家先介绍一下验证码的简单概念吧!
1 、验证码介绍
验证码是将一串随机产生的数字或符号以图片的形式展现在页面上,由用户肉眼识别其中的验证码信息,在进行提交操作的同时,需将图片上的字符同时提交,输入提交验证成功后才能使用某项功能。如果提交的字符与服务器 session保存的不同,则认为提交信息无效。为了避免自动程序分析解析图片,通常会在图片上随机生成一些干扰素或者将字符进行扭曲,增加自动识别难度。用户提交后将用户输入的验证码与会话 sessi on中保存的字符串进行比对, 达到验证的效果。用户提交表单的时候,接收表单的页面检查服务端产生的 sessi on和客户端提交的表单值是否一致,不
一致则不读或写入数据库。会话 sessi on允许在服务器上储存小部分用户信息;这类信息是临时性的,当用户离开网站时会被自动删除。
2、 PHP实现过程
PHP网页文件被当作一般HTML网页文件来处理, 并且在编辑时,可以用编辑 HTML的常规方法来编写。由于PHP在使用时消耗相当少的系统资源, 并且有着开放的源代码, 而且是免费的,如今PHP已经被更多的网站应用,下面是 PHP实现验证码的过程:
(1)生成随机数
定义用来显示在图片上的数字和字母;
循环随机抽取四位定义好的字母和数字;
将通过数字得来的字符连起来一共是四位;
保存生成的数字和字母, 把生成好的随机数放到 sessi on变量中,将来跟用户提交的内容比较。
代码如下 | 复制代码 |
< ? php $ aut hnum_session = ' ; ' $ st r = a ' bcdef ghij k l mnopqrstuv wxyz 1234567890 ' ; $ l = strlen( $ str) ; f or( $ i= 1 ; $ i< = 4 ; $ i+ + ) { $ num= rand( 0 , $ l- 1); $ aut hnum_session. = $ str[ $ num];$ aut hnum_session. = $ str[ $ num]; } $ _SESSI ON[ " authnum_ses sion" ] ; ? > |
(2) 创建图片
用图片创建函数确定所创建的图片大小。
代码如下 | 复制代码 |
< ? php $ i m = i magecreate( 60 , 20); ? > |
(3)设置颜色
使用函数创建背景色;
使用函数创建字体色。
代码如下 | 复制代码 |
< ? php |
(4)加入干扰素
在不影响用户输入的条件下,加入若干干扰线、
干扰象素。
代码如下 | 复制代码 |
< ? php f or( $ i= 0 ; $ i< 3 ; $ i+ + ) { i mageline( $ i m , rand ( 0 , 30), rand( 0 , 21), rand( 20 , 40), rand( 0 , 21), $ li ); } f or( $ i= 0 ; $ i< 90 ; $ i+ + ) { i magesetp i xe l ( $ i m, rand( )% 70 , rand( )% 30 , $ gray); } ? > |
(5)把字符写在图像左上角
使用函数 i magestri ng把字符写在图像上。
代码如下 | 复制代码 |
< ? php i magest ring( $ i m, 5 , 12 , 5 , $ au t hnu m _ ses2 sion , $ wh i te); ? > |
(6)输出图像
开启 sessi on功能;
使用函数输出图像。
代码如下 | 复制代码 |
< ? phpH eader( "Content - type : i mage /png" ) ; |
上述验证码显示结果如下
在需要调用验证码进行验证的页面当中, 由用户填写验证码表单, 系统将表单提交的验证码数据与上面的 sessi on变量进行比对,若相等表示验证正确,可以继续进行; 不相等则错误, 终止用户正在进行的工作,实现用户使用验证码的验证功能。
例
无标题文档
代码如下 | 复制代码 |
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script language="javascript"> function refresh_code() { form1.imgcode.src="verifycode.php?a="+Math.random(); } </script> </head> <body> <form id="form1" name="form1" method="post" action="checkcode.php"> <label for="code">验证码:</label> <input type="text" name="code" id="textfield" /> <img id="imgcode" src="VerifyCode.php" alt="验证码" /> <a href="javascript:refresh_code()">看不清?换一个</a> <input type="submit" name="button" id="button" value="提交" /> </form> </body> </html> |
verifycode.php文件代码如下
代码如下 | 复制代码 |
<?php
|
checkcode.php文件如下
代码如下 | 复制代码 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
相关文章
使用PHP+JavaScript将HTML页面转换为图片的实例分享
这篇文章主要介绍了使用PHP+JavaScript将HTML元素转换为图片的实例分享,文后结果的截图只能体现出替换的字体,也不能说将静态页面转为图片可以加快加载,只是这种做法比较interesting XD需要的朋友可以参考下...2016-04-19- php如何实现抓取网页图片,相较于手动的粘贴复制,使用小程序要方便快捷多了,喜欢编程的人总会喜欢制作一些简单有用的小软件,最近就参考了网上一个php抓取图片代码,封装了一个php远程抓取图片的类,测试了一下,效果还不错分享...2015-10-30
- 这篇文章主要介绍了C#从数据库读取图片并保存的方法,帮助大家更好的理解和使用c#,感兴趣的朋友可以了解下...2021-01-16
- 今天小编在这里就来给各位Photoshop的这一款软件的使用者们来说说把古装美女图片转为细腻的工笔画效果的制作教程,各位想知道方法的使用者们,那么下面就快来跟着小编一...2016-09-14
- 这篇文章主要介绍了Python 图片转数组,二进制互转操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-03-09
- 下面小编就为大家带来一篇利用JS实现点击按钮后图片自动切换的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-10-25
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮...2013-10-13- 这篇文章主要为大家详细介绍了js实现上传图片及时预览的相关资料,具有一定的参考价值,感兴趣的朋友可以参考一下...2016-05-09
- Photoshop的这一款软件小编相信很多的人都已经是使用过了吧,那么今天小编在这里就给大家带来了用Photoshop软件制作枪战电影海报的教程,想知道制作步骤的玩家们,那么下面...2016-09-14
- 这篇文章主要介绍了Element PageHeader页头的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-07-27
- 图片剪裁是常用的方法,那么如何通过4坐标剪裁图片,本文就详细的来介绍一下,感兴趣的小伙伴们可以参考一下...2021-06-04
- 这篇文章主要介绍了解决Pycharm 运行后没有输出的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-06
- 共享一段使用PHP下载CSS文件中的图片的代码 复制代码 代码如下: <?php //note 设置PHP超时时间 set_time_limit(0); //note 取得样式文件内容 $styleFileContent = file_get_contents('images/style.css'); //not...2013-10-04
- 这篇文章主要给大家介绍了关于微信小程序如何获取图片宽度与高度的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-10
- PHP代码如下:复制代码 代码如下:if (isset($_FILES["Filedata"]) || !is_uploaded_file($_FILES["Filedata"]["tmp_name"]) || $_FILES["Filedata"]["error"] != 0) { $upload_file = $_FILES['Filedata']; $fil...2013-10-04
- ps软件是现在很多人比较喜欢的,有着非常不错的使用效果,这次文章就给大家介绍下ps怎么制作图片阴影效果,还不知道制作方法的赶紧来看看。 ps图片阴影效果怎么做方法/...2017-07-06
C#中图片旋转和翻转(RotateFlipType)用法分析
这篇文章主要介绍了C#中图片旋转和翻转(RotateFlipType)用法,实例分析了C#图片旋转及翻转Image.RotateFlip方法属性的常用设置技巧,需要的朋友可以参考下...2020-06-25- 这篇文章主要介绍了OpenCV如何去除图片中的阴影的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-29
- 这篇文章主要介绍了JavaScript 如何禁止用户保存图片,帮助大家完成需求,更好的理解和使用JavaScript,感兴趣的朋友可以了解下...2020-11-19
- 本文主要介绍用C#实现图片转换成字节流,字节流转换成图片,并根据图片路径返回图片的字节流,有需要的朋友可以参考下...2020-06-25