PHP常用函数之base64图片上传功能详解


Posted in PHP onOctober 21, 2019

本文实例讲述了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 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
Jan 30 PHP
php 购物车的例子
May 04 PHP
PHP学习散记_编码(json_encode 中文不显示)
Nov 10 PHP
解析coreseek for sphinx的使用
Jun 21 PHP
php计算两个整数的最大公约数常用算法小结
Mar 05 PHP
phpMyAdmin安装并配置允许空密码登录
Jul 04 PHP
简单介绍win7下搭建apache+php+mysql开发环境
Aug 06 PHP
YII Framework教程之异常处理详解
Mar 14 PHP
php 实现301重定向跳转实例代码
Jul 18 PHP
PHP+JavaScript实现无刷新上传图片
Feb 21 PHP
Laravel使用消息队列需要注意的一些问题
Dec 13 PHP
PHP中将一个字符串部分字符用星号*替代隐藏的实现代码
Sep 08 PHP
laravel5 Eloquent 实现事务方式
Oct 21 #PHP
基于Laravel 多个中间件的执行顺序详解
Oct 21 #PHP
laravel利用中间件做防非法登录和权限控制示例
Oct 21 #PHP
laravel 实现关闭CSRF(全部关闭、部分关闭)
Oct 21 #PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
Oct 21 #PHP
laravel 实现上传图片到本地和前台访问示例
Oct 21 #PHP
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
Oct 21 #PHP
You might like
PHP版 汉字转码的实现详解
2013/06/09 PHP
基于php使用memcache存储session的详解
2013/06/25 PHP
php如何获取文件的扩展名
2015/10/28 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
关于document.cookie的使用javascript
2010/10/29 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
利用js实现选项卡的特别效果的实例
2013/03/03 Javascript
jQuery实现简单的列表式导航菜单效果代码
2015/08/31 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
2016/06/08 Javascript
vue中渐进过渡效果实现
2016/10/27 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
基于 webpack2 实现的多入口项目脚手架详解
2017/06/26 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
mock.js模拟前后台交互
2019/07/25 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
json字符串对象转换代码实例
2019/09/28 Javascript
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
python 实现将list转成字符串,中间用空格隔开
2019/12/25 Python
Python调用jar包方法实现过程解析
2020/08/11 Python
如何使用Django Admin管理后台导入CSV
2020/11/06 Python
Html5实现二维码扫描并解析
2016/01/20 HTML / CSS
Canvas实现贝赛尔曲线轨迹动画的示例代码
2019/04/25 HTML / CSS
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
Nisbets法国:英国最大的厨房和餐饮设备供应商
2019/03/18 全球购物
党员自我评议个人对照检查材料
2014/09/16 职场文书
2015元旦联欢晚会结束语
2014/12/14 职场文书
财产保全担保书
2015/01/20 职场文书
个人催款函范文
2015/06/24 职场文书
《最后一头战象》教学反思
2016/02/16 职场文书
装修安全责任协议书
2016/03/22 职场文书
Python Django框架介绍之模板标签及模板的继承
2021/05/27 Python
idea编译器vue缩进报错问题场景分析
2021/07/04 Vue.js
vue2的 router在使用过程中遇到的一些问题
2022/04/13 Vue.js