Laravel框架+Blob实现的多图上传功能示例解析

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

一.介绍

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

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

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

二.前端

注：本例基于Laravel框架

先上Form表单

 form method= post enctype= multipart/form-data action= #  {{csrf_field()}} ul >
JS代码
 script  var _btnId =  var all_urls=  var all_types=  function houseImgOne(_this) { var img = img >
三.后台处理代码
html' target='_blank'>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();}
您可能感兴趣的文章:
Swoole 1.10.0新版本发布，增加了多项新特性解析
PHP实现顺时针打印矩阵(螺旋矩阵)的方法示例讲解
PHP实现判断二叉树是否对称的方法讲解
以上就是Laravel框架+Blob实现的多图上传功能示例解析的详细内容，PHP教程        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。