PHP常用函数之base64图片上传功能详解
吾爱主题
阅读：125
2021-09-09 16:12:00
评论：0
本文实例讲述了PHP常用函数之base64图片上传功能。分享给大家供大家参考，具体如下：
HTML页面代码：
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 | <html> <head> <meta charset= "utf-8" > </head> <body> <img id= "articleImg" width= "180" height= "100" > <input type= "file" value= "上传" id= "articleImgBtn" /> <script type= "text/javascript" src = 'jquery-2.1.4.min.js' ></script> <script type= "text/javascript" > $( '#articleImgBtn' ).change( function (){ run( this , function (data) { uploadImage(data); }); }); function run(input_file, get_data) { /*input_file：文件按钮对象*/ /*get_data: 转换成功后执行的方法*/ if ( typeof (FileReader) === 'undefined' ) { alert( "抱歉，你的浏览器不支持 FileReader，不能将图片转换为Base64，请使用现代浏览器操作！" ); } else { try { /*图片转Base64 核心代码*/ var file = input_file.files[0]; //这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件 if (!/image\/\w+/.test(file.type)) { alert( "请确保文件为图像类型" ); return false ; } var reader = new FileReader(); reader.onload = function () { get_data( this .result); } reader.readAsDataURL(file); } catch (e) { alert( '图片转Base64出错啦！' + e.toString()) } } } function uploadImage(img) { //判断是否有选择上传文件 var imgPath = $( "#articleImgBtn" ).val(); if (imgPath == "" ) { alert( "请选择上传图片！" ); return ; } //判断上传文件的后缀名 var strExtension = imgPath.substr(imgPath.lastIndexOf( '.' ) + 1); if (strExtension != 'jpg' && strExtension != 'gif' && strExtension != 'png' && strExtension != 'bmp' ) { alert( "请选择图片文件" ); return ; } $.ajax({ type: "POST" , url: 'http://localhost/123.php' , // data: {file: img.substr(img.indexOf(',') + 1)}, //视情况将base64的前面字符串data:image/png;base64,删除 data: {file: img}, //视情况将base64的前面字符串data:image/png;base64,删除 cache: false , success: function (data) { var return_info = JSON.parse(data); if (return_info.status){ $( "#articleImg" ).attr( 'src' , return_info.path); alert( "上传成功" ); } else { alert(return_infoerr_info); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert( "上传失败，请检查网络后重试" ); } }); } </script> </body> </html> |
PHP 处理代码：
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | function upload_image( $file_data ){ $upload_result = array ( 'status' => true, 'msg' => '' , 'err_info' => '' ); if (preg_match( '/^(data:\s*image\/(\w+);base64,)/' , $file_data , $result )) { //处理base64字符串 $img_base64 = str_replace ( $result [1], '' , $file_data ); $img_base64 = str_replace ( '=' , '' , $img_base64 ); $source_img = base64_decode ( $img_base64 ); //判断文件大小 $file_size = //上传目录 $basedir = './img_test' ; //后缀 $img_suffix = $result [2]; //文件后缀 //文件名 // $filename = uniqid();//文件名 $filename = date ( 'YmdHis' ,time()); //文件名 //文件完整路径 $filepath = $basedir . "/" . $filename . "." . $img_suffix ; //目录若果不存在,则创建目录 if (! is_dir ( $basedir )){ mkdir ( $basedir ); chmod ( $basedir ,0777); } //上传文件 try { file_put_contents ( $filepath , $img_base64 ); $filepath = substr ( $filepath , 1); $upload_result = array ( 'status' => true, 'msg' => '上传成功' , 'err_info' => '' , 'path' => $filepath ); return $upload_result ; } catch (Exception $e ) { $upload_result = array ( 'status' => false, 'msg' => '上传失败' , 'err_info' => $e ->getMessage()); return $upload_result ; } // if (file_put_contents($filepath, base64_decode(str_replace($result[1], '', $file_data)))) { // //$size = getimagesize($filepath); // $filepath = substr($filepath, 1); // //$arr['filepath'] = $filepath; // //$arr['size'] = $size[3]; // return $filepath; // }else{ // return false; // } } else { $upload_result = array ( 'status' => false, 'msg' => '上传失败' , 'err_info' => '请携带base64字符串的前缀' ); return $upload_result ; } } $res = upload_image( $file_data ); echo json_encode( $res ); |
希望本文所述对大家PHP程序设计有所帮助。
原文链接：https://www.cnblogs.com/gyfluck/p/8428435.html
声明
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
