本文实例讲述了PHP常用函数之base64图片上传功能。分享给大家供大家参考,具体如下:
HTML页面代码:
<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 处理代码:
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相关内容感兴趣的读者可查看本站专题:《php文件操作总结》、《PHP目录操作技巧汇总》、《PHP常用遍历算法与技巧总结》、《PHP数据结构与算法教程》、《php程序设计算法总结》及《PHP网络编程技巧总结》
希望本文所述对大家PHP程序设计有所帮助。
本文向大家介绍详解vue 图片上传功能,包括了详解vue 图片上传功能的使用技巧和注意事项,需要的朋友参考一下 这次做了vue页面的图片上传功能,不带裁剪功能的! 首先是html代码,在input框上添加change事件,如下: 我这里做了图片数量的限制,最多6张。 然后是data数据,如下: imgs数组是放图片路径的,页面显示图片就是循环这个数组,imgData是判断图片类型的。 接下来是最重
本文向大家介绍详解PHP素材图片上传、下载功能,包括了详解PHP素材图片上传、下载功能的使用技巧和注意事项,需要的朋友参考一下 这里的下载是生成 zip 包进行下载,所以需要 PHP 的ZipArchive ()类,使用本类,linux需开启zlib,windows需取消php_zip.dll前的注释。并且不包括 oss 之类的三方 上传 上传就很简单了,PHP 自带的 move_uploade
本文向大家介绍如何利用PHP实现上传图片功能详解,包括了如何利用PHP实现上传图片功能详解的使用技巧和注意事项,需要的朋友参考一下 HTML文件 一、 设置编码UTF-8 对于中文网页需要使用<meta charset="utf-8">声明编码,否则会出现乱码。 二 、form表单 <form>标签用于为用户输入创建 HTML 表单,表单里包含php文件路径, 设置编码类型, 需要注意的是:默认情
本文向大家介绍php用wangeditor3实现图片上传功能,包括了php用wangeditor3实现图片上传功能的使用技巧和注意事项,需要的朋友参考一下 就在最近,公司让我写一个后台,其中用到了富文本编辑器。自从这个富文本的出现 我就慢慢的进入了一个坑,起初不知道用什么编辑器好,看了好多好多,最后选择了。这个 wangeditor3。个人认为这个富文本很干净,还很多功能。 选择了编辑器 我就慢慢
本文向大家介绍php实现图片上传、剪切功能,包括了php实现图片上传、剪切功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家详细介绍了php实现图片上传、剪切功能的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家学习php程序设计有所帮助。
本文向大家介绍Bootstrap+PHP实现多图上传功能实例详解,包括了Bootstrap+PHP实现多图上传功能实例详解的使用技巧和注意事项,需要的朋友参考一下 使用bootstrap界面美观,可预览,可拖拽上传,可配合ajax异步或同步上传,下面是效果图: 前端代码:fileinput.html 后台代码: 总结 以上所述是小编给大家介绍的Bootstrap+PHP实现多图上传功能实例详解,希