|
本文实例讲述了Laravel框架+Blob实现的多图上传功能。分享给大家供大家参考,具体如下:
一.介绍
我们知道多图上传一般都附带的又即时显示功能,即上传后可以立刻看到所传图片。之前一直用的一个多图上传插件是选择图片,点击上传然后图片资源上传到服务器,然后返回存储的路径信息,最后我们点击表单的提交按钮后将这些信息插入数据库。
现在有一个尴尬的地方,当我点击上传图片后,我又取消这次表单提交了。可是图片资源已经到服务器了,容易造成空间浪费等。
现在提供一个自己结合Laravel框架写的多图上传,(当然,在任何地方都可以直接套用),特点是:图片上传后可即时显示,但是是通过blob调用的浏览器缓存图片信息,当表单提交后,图片资源才会真正的上传服务器与数据库。
二.前端
注:本例基于Laravel框架
先上Form表单
{{csrf_field()}}
[img][/img]
上传
JS代码
三.后台处理代码
public function store(Request $request)
{
$data=$request->all();
$$data[''];
// array_values()用于重置数组下标
$types =array_values(array_filter(explode('image/',$data['types'])));
$arr=array_values(array_filter(explode('& |
|