本例子中没有采用File Post上传文件方式!原理一样,为了更加的理解base64 选择将其输出在文本域中,并提交至服务器!运用到项目中建议采用提交File方式。
html代码
代码如下 | 复制代码 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/> <title>简单的html5 File测试 for pic2base64</title> <style> </style> <script> window.onload = function(){ var input = document.getElementById("demo_input"); var result= document.getElementById("result"); var img_area = document.getElementById("img_area"); if ( typeof(FileReader) === 'undefined' ){ result.innerHTML = "抱歉,你的浏览器不支持 FileReader,请使用现代浏览器操作!"; input.setAttribute('disabled','disabled'); }else{ input.addEventListener('change',readFile,false); } } function readFile(){ var file = this.files[0]; //这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件 if(!/image\/\w+/.test(file.type)){ alert("请确保文件为图像类型"); return false; } var reader = new FileReader(); reader.readAsDataURL(file); console.log(); reader.onload = function(e){ result.innerHTML = this.result; img_area.innerHTML = '<divclass="sitetip">图片img标签展示:</div>![]('+this.result+')'; } } </script> </head>
<body> <formaction="file.php"method="post"> <inputtype="file"value="sdgsdg"id="demo_input"/> <textareaname="img"id="result"rows=30cols=300></textarea> <pid="img_area"></p> <inputtype="submit"value="提交"> </form> </body> </html> |
PHP功能块代码
代码如下 | 复制代码 |
<?php /** * base64图片上传 * @param $base64_img * @return array */ $base64_img= trim($_POST['img']); $up_dir='./upload/';//存放在当前目录的upload文件夹下
if(!file_exists($up_dir)){ mkdir($up_dir,0777); }
if(preg_match('/^(data:\s*image\/(\w+);base64,)/',$base64_img,$result)){ $type=$result[2]; if(in_array($type,array('pjpeg','jpeg','jpg','gif','bmp','png'))){ $new_file=$up_dir.date('YmdHis_').'.'.$type; if(file_put_contents($new_file,base64_decode(str_replace($result[1],'',$base64_img)))){ $img_path=str_replace('../../..','',$new_file); echo'图片上传成功</br>![]('.$img_path.')'; }else{ echo'图片上传失败</br>';
} }else{ //文件类型错误 echo'图片上传类型错误'; }
}else{ //文件错误 echo'文件错误'; } |
实例效果如下:
本文实例讲述了PHP实现接收二进制流转换成图片的方法。分享给大家供大家参考,具体如下:
这里实现php 接收二进制流转换成图片,所使用的图片类imageUpload.php如下:
<?php /** * 图片类 * @version 1.0 * * PHP默认只识别application/x-www.form-urlencoded标准的数据类型。 * 因此,对型如text/xml 或者 soap 或者 application/octet-stream 之类的内容无法解析,如果用$_POST数组来接收就会失败! * 故保留原型,交给$GLOBALS['HTTP_RAW_POST_DATA'] 来接收。 * 另外还有一项 php://input 也可以实现此这个功能 * php://input 允许读取 POST 的原始数据。和 $HTTP_RAW_POST_DATA 比起来,它给内存带来的压力较小,并且不需要任何特殊的 php.ini 设置。php://input和 $HTTP_RAW_POST_DATA 不能用于 enctype="multipart/form-data"。 */ classimageUpload { constROOT_PATH ='./'; constFAIL_WRITE_DATA ='Fail to write data'; //没有数据流 constNO_STREAM_DATA ='The post data is empty'; //图片类型不正确 constNOT_CORRECT_TYPE ='Not a correct image type'; //不能创建文件 constCAN_NOT_CREATE_FILE ='Can not create file'; //上传图片名称 public$image_name; //图片保存名称 public$save_name; //图片保存路径 public$save_dir; //目录+图片完整路径 public$save_fullpath; /** * 构造函数 * @param String $save_name 保存图片名称 * @param String $save_dir 保存路径名称 */ publicfunction__construct($save_name,$save_dir) { //set_error_handler ( $this->error_handler () ); //设置保存图片名称,若未设置,则随机产生一个唯一文件名 $this->save_name =$save_name?$save_name: md5 ( mt_rand (), uniqid () ); //设置保存图片路径,若未设置,则使用年/月/日格式进行目录存储 $this->save_dir =$save_dir? self::ROOT_PATH .$save_dir: self::ROOT_PATH .date('Y/m/d'); //创建文件夹 @$this->create_dir ($this->save_dir ); //设置目录+图片完整路径 $this->save_fullpath =$this->save_dir .'/'.$this->save_name; } //兼容PHP4 publicfunctionimage($save_name) { $this->__construct ($save_name); } publicfunctionstream2Image() { //二进制数据流 $data=file_get_contents('php://input') ?file_get_contents('php://input') : gzuncompress ($GLOBALS['HTTP_RAW_POST_DATA'] ); //数据流不为空,则进行保存操作 if(!empty($data)) { //创建并写入数据流,然后保存文件 if(@$fp=fopen($this->save_fullpath,'w+')) { fwrite ($fp,$data); fclose ($fp); $baseurl="http://".$_SERVER["SERVER_NAME"] .":".$_SERVER["SERVER_PORT"] . dirname ($_SERVER["SCRIPT_NAME"] ) .'/'.$this->save_name; if($this->getimageInfo ($baseurl)) { echo$baseurl; }else{ echo( self::NOT_CORRECT_TYPE ); } }else{ } }else{ //没有接收到数据流 echo( self::NO_STREAM_DATA ); } } /** * 创建文件夹 * @param String $dirName 文件夹路径名 */ publicfunctioncreate_dir($dirName,$recursive= 1,$mode=0777) { !is_dir($dirName) &&mkdir($dirName,$mode,$recursive); } /** * 获取图片信息,返回图片的宽、高、类型、大小、图片mine类型 * @param String $imageName 图片名称 */ publicfunctiongetimageInfo($imageName='') { $imageInfo=getimagesize($imageName); if($imageInfo!== false) { $imageType=strtolower(substr( image_type_to_extension ($imageInfo[2] ), 1 ) ); $imageSize=filesize($imageInfo); return$info=array('width'=>$imageInfo[0],'height'=>$imageInfo[1],'type'=>$imageType,'size'=>$imageSize,'mine'=>$imageInfo['mine'] ); }else{ //不是合法的图片 returnfalse; } } /*private function error_handler($a, $b) { echo $a, $b; }*/ } ?> |
如果你还想着通过解析swf文件头信息来获取flash文件的尺寸信息,那真的有点走远了。因为从PHP 4开始已经内置getimagesize函数来做这个事。其功能测定任何 GIF,JPG,PNG,SWF,SWC,PSD,TIFF,BMP,IFF,JP2,JPX,JB2,JPC,XBM 或 WBMP 图像文件的大小并返回图像的尺寸以及文件类型和一个可以用于普通 HTML 文件中 IMG 标记中的 height/width 文本字符串。而且从PHP 4.0.5起还支持参数是一个url。例如:
print_r(getimagesize('http://www.google.com.hk/images/srpr/logo4w.png'));
输出的结果为:
Array
(
[0] => 550
[1] => 190
[2] => 3
[3] => width="550" height="190"
[bits] => 8
[mime] => image/png
)
感觉getimagesize还是很强大的,各种图像类型的文件都可以操作,越来越喜欢php了。
所周PHP下的一个图形软件库:GD 图形库,可以用于动态的处理图形图像。GD提供了对于诸如C, Perl, Python, PHP, OCaml等等诸多编程语言的支持。除了生成HTML输出之外,你还可以使用PHP以 PNG、JPEG、GIF、WBMP,以及 XPM等图形文件格式来创建和计算图形文件;并且,使用 PHP 还能让你可以直接向一个浏览器输出图像的数据流。为了这些功能,你需要编译PHP 时加入 GD 支持。本文我们来了解10个最佳的php图形操作库。
下面介绍一些最好的用于开发的PHP图形操作库:
1. Imagine
![分享PHP图像操作库前10佳介绍](/upload/news/201707/20150321212618208.jpg)
该图像处理库是用PHP 5.3建立的面向对象的PHP库。通过使用这个库,你可以很容易地对图像进行例如裁剪、调整大小和放置过滤器等工作。为了产生指定的RGB码值和对象透明度百分比,这个库的颜色类在其构造函数中支持两个参数。
2. Php Graphic Works
![分享PHP图像操作库前10佳介绍](/upload/news/201707/20150321212620810.jpg)
这个库被创建用来在服务器端进行图像处理。使用这个图像库允许你用一个简单的方法进行复杂的图像处理。可对图像进行的操作,包括旋转,裁剪,缩放,拉伸和翻转。而您只需要通过一些代码就可以完成这些。
3. Zebra Image
![3. . Zebra Image](/upload/news/201707/20150321212622247.jpg)
这款轻巧和面向对象的图像处理库是用PHP构建的。它支持的图像格式包括JPG,GIF 和 PNG。它有一个独特的能力,就是在每一个动作之后都可以把一种格式转换为另一种格式。
4. Php5 Image Manipulation
![分享PHP图像操作库前10佳介绍](/upload/news/201707/20150321212624744.jpg)
这个完全面向对象的图像处理库可用于PHP和GD2 。它被认为是 PHP-image 项目的一种扩展形式。这个面向对象的图像处理库提供各种ICO图像文件类型,如PNG,GIF ,PSD ,JPEG和ICO 。此外,它还能输出由GD2支持的各种图像文件类型。
5. 动态虚拟图像生成
![分享PHP图像操作库前10佳介绍](/upload/news/201707/20150321212627586.jpg)
这是免费的PHP脚本库,通过它你可以生成任何尺寸和颜色的图片。此外,你可以在图像上面输入文字。
6. WideImage
![分享PHP图像操作库前10佳介绍](/upload/news/201707/20150321212629660.jpg)
Wide Image也被认为是用于图像处理的面向对象的库。使用这个库,你可以执行处理、加载、以图像格式保存图像等一般操作。
7. Image Cache
![分享PHP图像操作库前10佳介绍](/upload/news/201707/20150321212631207.jpg)
这个轻量级的PHP类用于移动、压缩和缓存浏览器中的图像。然后,它返回打印在 image标签中的图像的新来源。您可以通过设置各种选项来使用这个库,比如 base URL,目录等。
8. Image Workshop
![分享PHP图像操作库前10佳介绍](/upload/news/201707/20150321212633429.jpg)
这是一个被认为是基于图层的图像编辑软件的可自由使用的PHP类。它允许你叠加多个层和具有执行比如把一个图像放到另一个上面进行移动,和调整大小,裁剪,写字,旋转,叠加等功能的能力。
9. Asido
![分享PHP图像操作库前10佳介绍](/upload/news/201707/2015032121263557.jpg)
这是个有着操作图像丰富功能的PHP库,适合任何运行环境,如 Magick Wand, GD2, 和Image Magick。它同时支持PHP4和PHP5。
10. PhpThumb
![分享PHP图像操作库前10佳介绍](/upload/news/201707/20150321212638516.jpg)
该PHP库除了支持各种流行的图像格式以外,还接受所有图像资源类型。使用该图像操作库,你可以旋转、裁剪、水印图片。除此之外,你还可以定义图片的像素。