电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術(shù)文章
文章詳情頁

PHP實(shí)現(xiàn)本地圖片轉(zhuǎn)base64格式并上傳

瀏覽:121日期:2022-09-10 09:49:25

我們?cè)陂_發(fā)系統(tǒng)時(shí),處理圖片上傳是不可避免的,例如使用thinkphp的肯定很熟悉import('@.ORG.UploadFile');的上傳方式,今天我們來講一個(gè)使用html5 base64上傳圖片的方法。

主要是用到html5 FileReader的接口,既然是html5的,所支持的瀏覽器我就不多說啦

可以大概的講一下思路,其實(shí)也挺簡(jiǎn)單。選擇了圖片之后,js會(huì)先把已選的圖片轉(zhuǎn)化為base64格式,然后通過ajax上傳到服務(wù)器端,服務(wù)器端再轉(zhuǎn)化為圖片,進(jìn)行儲(chǔ)存的一個(gè)過程。

咱們先看看前端的代碼。

html部分

<input type='file' id='imagesfile'>

js部分

$('#imagesfile').change(function (){ var file = this.files[0]; //用size屬性判斷文件大小不能超過5M ,前端直接判斷的好處,免去服務(wù)器的壓力。 if( file.size > 5*1024*1024 ){ alert( '你上傳的文件太大了!' ) } //好東西來了 var reader=new FileReader(); reader.onload = function(){ // 通過 reader.result 來訪問生成的 base64 DataURL var base64 = reader.result; //打印到控制臺(tái),按F12查看 console.log(base64); //上傳圖片 base64_uploading(base64); } reader.readAsDataURL(file);});//AJAX上傳base64function base64_uploading(base64Data){ $.ajax({ type: ’POST’, url: '上傳接口路徑', data: { ’base64’: base64Data }, dataType: ’json’, timeout: 50000, success: function(data){console.log(data); }, complete:function() {}, error: function(xhr, type){ alert(’上傳超時(shí)啦,再試試’); } });}

其實(shí)前端的代碼也并不復(fù)雜,主要是使用了new FileReader();的接口來轉(zhuǎn)化圖片,new FileReader();還有其他的接口,想了解更多的接口使用的童鞋,自行谷歌搜索new FileReader();。

接下來,那就是服務(wù)器端的代碼了,上面的demo,是用thinkphp為框架編寫的,但其他框架也基本通用的。

function base64imgsave($img){//文件夾日期 $ymd = date('Ymd'); //圖片路徑地址 $basedir = ’upload/base64/’.$ymd.’’; $fullpath = $basedir; if(!is_dir($fullpath)){ mkdir($fullpath,0777,true); } $types = empty($types)? array(’jpg’, ’gif’, ’png’, ’jpeg’):$types;$img = str_replace(array(’_’,’-’), array(’/’,’+’), $img);$b64img = substr($img, 0,100);if(preg_match(’/^(data:s*image/(w+);base64,)/’, $b64img, $matches)){ $type = $matches[2]; if(!in_array($type, $types)){ return array(’status’=>1,’info’=>’圖片格式不正確,只支持 jpg、gif、png、jpeg哦!’,’url’=>’’); } $img = str_replace($matches[1], ’’, $img); $img = base64_decode($img); $photo = ’/’.md5(date(’YmdHis’).rand(1000, 9999)).’.’.$type; file_put_contents($fullpath.$photo, $img); $ary[’status’] = 1; $ary[’info’] = ’保存圖片成功’; $ary[’url’] = $basedir.$photo; return $ary;} $ary[’status’] = 0; $ary[’info’] = ’請(qǐng)選擇要上傳的圖片’; return $ary; }

以上就是PHP代碼,原理也很簡(jiǎn)單,拿到接口上傳的base64,然后再轉(zhuǎn)為圖片再儲(chǔ)存。

使用的是thinkphp 3.2,無需數(shù)據(jù)庫,PHP環(huán)境直接運(yùn)行即可。

php目錄路徑為:

‪ApplicationHomeControllerBase64Controller.class.php

html目錄路徑為:

ApplicationHomeViewBase64imagesupload.html

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: PHP
相關(guān)文章:
主站蜘蛛池模板: 工业雾炮机_超细雾炮_远程抑尘射雾器-世纪润德环保设备 | 冷油器,取样冷却器,热力除氧器-连云港振辉机械设备有限公司 | 苏商学院官网 - 江苏地区唯一一家企业家自办的前瞻型、实操型商学院 | 自动化展_机器人展_机床展_工业互联网展_广东佛山工博会 | 石家庄律师_石家庄刑事辩护律师_石家庄取保候审-河北万垚律师事务所 | 安平县鑫川金属丝网制品有限公司,声屏障,高速声屏障,百叶孔声屏障,大弧形声屏障,凹凸穿孔声屏障,铁路声屏障,顶部弧形声屏障,玻璃钢吸音板 | 高速龙门架厂家_监控杆_多功能灯杆_信号灯杆_锂电池太阳能路灯-鑫世源照明 | 领先的大模型技术与应用公司-中关村科金 | 山东太阳能路灯厂家-庭院灯生产厂家-济南晟启灯饰有限公司 | B2B网站_B2B免费发布信息网站_B2B企业贸易平台 - 企资网 | 高铝砖-高铝耐火球-高铝耐火砖生产厂家-价格【荣盛耐材】 | 逗网红-抖音网红-快手网红-各大平台网红物品导航 | 酒精检测棒,数显温湿度计,酒安酒精测试仪,酒精检测仪,呼气式酒精检测仪-郑州欧诺仪器有限公司 | 海德莱电力(HYDELEY)-无功补偿元器件生产厂家-二十年专业从事电力电容器 | 选宝石船-陆地水上开采「精选」色选机械设备-青州冠诚重工机械有限公司 | 热熔胶网膜|pes热熔网膜价格|eva热熔胶膜|热熔胶膜|tpu热熔胶膜厂家-苏州惠洋胶粘制品有限公司 | 无线联网门锁|校园联网门锁|学校智能门锁|公租房智能门锁|保障房管理系统-KEENZY中科易安 | 首页|专注深圳注册公司,代理记账报税,注册商标代理,工商变更,企业400电话等企业一站式服务-慧用心 | 花纹铝板,合金铝卷板,阴极铝板-济南恒诚铝业有限公司 | 智能化的检漏仪_气密性测试仪_流量测试仪_流阻阻力测试仪_呼吸管快速检漏仪_连接器防水测试仪_车载镜头测试仪_奥图自动化科技 | 净水器代理,净水器招商,净水器加盟-FineSky德国法兹全屋净水 | 企业微信scrm管理系统_客户关系管理平台_私域流量运营工具_CRM、ERP、OA软件-腾辉网络 | 天助网 - 中小企业全网推广平台_生态整合营销知名服务商_天助网采购优选 | 山东信蓝建设有限公司官网 | 干式磁选机_湿式磁选机_粉体除铁器-潍坊国铭矿山设备有限公司 | 大通天成企业资质代办_承装修试电力设施许可证_增值电信业务经营许可证_无人机运营合格证_广播电视节目制作许可证 | 小型高低温循环试验箱-可程式高低温湿热交变试验箱-东莞市拓德环境测试设备有限公司 | 铣刨料沥青破碎机-沥青再生料设备-RAP热再生混合料破碎筛分设备 -江苏锡宝重工 | 坏男孩影院-提供最新电影_动漫_综艺_电视剧_迅雷免费电影最新观看 | 热镀锌槽钢|角钢|工字钢|圆钢|H型钢|扁钢|花纹板-天津千百顺钢铁贸易有限公司 | 大通天成企业资质代办_承装修试电力设施许可证_增值电信业务经营许可证_无人机运营合格证_广播电视节目制作许可证 | 药品仓库用除湿机-变电站用防爆空调-油漆房用防爆空调-杭州特奥环保科技有限公司 | 自动气象站_气象站监测设备_全自动气象站设备_雨量监测站-山东风途物联网 | 机器视觉检测系统-视觉检测系统-机器视觉系统-ccd检测系统-视觉控制器-视控一体机 -海克易邦 | 协议书_协议合同格式模板范本大全 | 超声波焊接机_超音波熔接机_超声波塑焊机十大品牌_塑料超声波焊接设备厂家 | 膜片万向弹性联轴器-冲压铸造模具「沧州昌运模具」 | 超细粉碎机|超微气流磨|气流分级机|粉体改性设备|超微粉碎设备-山东埃尔派粉碎机厂家 | 污水提升器,污水提升泵,污水提升装置-德国泽德(zehnder)水泵系统有限公司 | 金属检测机_金属分离器_检针验针机_食品药品金属检探测仪器-广东善安科技 | 上海璟文空运首页_一级航空货运代理公司_机场快递当日达 |