本文實例講述了Laravel框架+Blob實現的多圖上傳功能。分享給大家供大家參考，具體如下：

一.介紹

我們知道多圖上傳一般都附帶的又即時顯示功能，即上傳后可以立刻看到所傳圖片。之前一直用的一個多圖上傳插件是選擇圖片，點擊上傳然后圖片資源上傳到服務器，然后返回存儲的路徑信息，最后我們點擊表單的提交按鈕后將這些信息插入數據庫。

現在有一個尷尬的地方，當我點擊上傳圖片后，我又取消這次表單提交了?？墒菆D片資源已經到服務器了，容易造成空間浪費等。

現在提供一個自己結合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教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。