php 上传 blob,Laravel框架+Blob实现的多图上传功能示例

本文实例讲述了Laravel框架+Blob实现的多图上传功能。分享给大家供大家参考，具体如下：

一.介绍

我们知道多图上传一般都附带的又即时显示功能，即上传后可以立刻看到所传图片。之前一直用的一个多图上传插件是选择图片，点击上传然后图片资源上传到服务器，然后返回存储的路径信息，最后我们点击表单的提交按钮后将这些信息插入数据库。

现在有一个尴尬的地方，当我点击上传图片后，我又取消这次表单提交了。可是图片资源已经到服务器了，容易造成空间浪费等。

现在提供一个自己结合Laravel框架写的多图上传，(当然，在任何地方都可以直接套用)，特点是：图片上传后可即时显示，但是是通过blob调用的浏览器缓存图片信息，当表单提交后，图片资源才会真正的上传服务器与数据库。

二.前端

注：本例基于Laravel框架

先上Form表单

上传

JS代码

三.后台处理代码public function store(Request $request){ $data=$request->all(); $imgs = $data["imgs"]; // array_values()用于重置数组下标 $types =array_values(array_filter(explode("image/",$data["types"]))); $arr=array_values(array_filter(explode("&|||",$imgs))); foreach ($arr as $k => $v){ //文件路径 $filepath = base_path()."/storage/app/imgs/".date("YmdHis").$k.".".$types[$k]; //提取base64字符 $imgdata = substr($v,strpos($v,",") + 1); $decodedData = base64_decode($imgdata); file_put_contents($filepath,$decodedData ); //插入数据库 $img = new Img; $filepath = strchr($filepath,"/"); $img->img_path=$filepath; $img->save();}

更多关于Laravel相关内容感兴趣的读者可查看本站专题：《Laravel框架入门与进阶教程》、《php优秀开发框架总结》、《php面向对象程序设计入门教程》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。

php 上传 blob,Laravel框架+Blob实现的多图上传功能示例相关推荐

php 多图上传编辑器,laravel中使用WangEditor及多图上传
1. 创建项目及安装所需安装包 1.1 创建项目 composer create-project laravel/laravel=5.3 blog_wangeditor --prefer-dist 1 ...
java文件上传maven_ssm+maven框架搭建实现ajax多文件上传功能
项目描述用myeclipse工具搭建的ssm+maven项目, 之前文件上传是用form表单实现的,可是form表单上传文件会刷新页面,所以就得用ajax无刷新实现文件上传. 运行环境 jdk7+t ...
java action 上传文件_JavaWeb框架_Struts2_(七)-----文件的上传和下载
1. 前言这个章节是Struts2框架应用最广泛的三个版块(上传下载.国际化.校验输入)之一,所以这一版块的学习还蛮重要的. 2. 具体内容 2.1Struts2文件上传 2.1.1单文件上传 ...
毕业设计——音乐播放系统可以自己上传歌曲 SSM框架 MYSQL数据库功能齐全
音乐播放系统可以自己上传歌曲 SSM框架 MYSQL数据库功能齐全可以注册账号登录在线上传歌曲发表评论在线听音乐登录注册首页播放音乐以及在线评论个人后台页面查看我发布的以及上 ...
vue文件上传功能bootstrap框架
vue文件上传功能bootstrap框架封装公共组件components/fileupload/FileUpload.vue 内容如下: 公共组件 ```html <template>& ...
tp5.1 乐视云上传视频文件(https请求http乐视云上传接口)http网址下上传视频(https API接口)
一.sdk_php_v2.0.zip 上传视频网址:http://www.lecloud.com/zh-cn/help/api.html tp5.1 乐视云上传视频文件(https请求http乐视云 ...
java文件上传最优方案_大规格文件的上传优化
在开发过程中,收到这样一个问题反馈,在网站上传 100 MB 以上的文件经常失败,重试也要等老半天,这就难为需要上传大规格文件的用户了.那么应该怎么做才能快速上传,就算失败了再次发送也能从上次中断的地 ...
bootstrap-fileinput上传文件的插件使用总结----编辑已成功上传过的图片
http://plugins.krajee.com/file-plugin-methods-demo 具体操作 http://plugins.krajee.com/file-preview-manag ...
vue上传文件到php,vue+axios+php如何实现上传文件功能？,formdata上传文件附加参数...
vue+axios+php如何实现上传文件功能?Vue Axios PHP如何实现上传文件的功能?, 推荐:<PHP视频教程> 当我们提交表单时,我们经常会遇到一些表单提交要求.vue的a ...

php 上传 blob,Laravel框架+Blob实现的多图上传功能示例

php 上传 blob,Laravel框架+Blob实现的多图上传功能示例相关推荐

最新文章

热门文章