Lavaral基礎實踐——文件上傳

• 使用bootstrap-fileinput-master從新打包input—file，需添加以下引用：

注意Lavaral的靜態文件路徑默認爲public下，使用內置的 URL 類上的 asset() 方法來引入css和js文件。

css

<!-- Bootstrap-fileinput-master -->
<link href="{{ asset('/mycss/fileinput.min.css') }}" rel="stylesheet">

js

<script src="{{ asset('/bootstrap-fileinput-master/js/fileinput.min.js') }}"></script>
<script src="{{ asset('/bootstrap-fileinput-master/js/locales/zh.js') }}"></script>

初始化控件

<script>

                $('#input-file').fileinput({
                        language: 'zh',
                        uploadUrl: '',
                        allowedFileExtensions : ['jpg', 'png','gif'],
                        //showUpload: false, //是否顯示上傳按鈕
                        showCaption: false,//是否顯示標題
                        maxFileCount: 9, //表示容許同時上傳的最大文件個數
                        msgFilesTooMany: "選擇上傳的文件數量({n}) 超過容許的最大數值{m}！",
                        //minImageWidth: 50, //圖片的最小寬度
                        //minImageHeight: 50,//圖片的最小高度
                        //maxImageWidth: 200,//圖片的最大寬度
                        //maxImageHeight: 200,//圖片的最大高度
                        //previewFileIcon: "<i class='glyphicon glyphicon-king'></i>", 
                        //initialPreview: [
                            //"<img src='../pic/blog2.jpg' class='file-preview-image' />",
                            //"<img src='../pic/blog3.jpg' class='file-preview-image' />",
                        //],
                    });
</script>

• 解決文件上次問題：Unable to guess the mime type as no guessers are available

php.ini

開啓extension=php_fileinfo.dll

• 視圖層的多文件上傳:

設置form的file屬性

enctype="multipart/form-data"

設置file的input爲多文件

<input id="input-file" name="pic[]" type="file" multiple id="pic[]">

• 控制層contrallor的file update

獲取文件及相關信息

$files = Input::file('pic');
foreach ( $files as $file){...};
if($file->isValid()){
                //檢驗一下上傳的文件是否有效.
                $clientName = $file -> getClientOriginalName();        //文件原始名稱
                $tmpName = $file ->getFileName();                     //文件名稱    
                $realPath = $file -> getRealPath();                    //文件路徑
                $extension = $file->getClientOriginalExtension();    //文件擴展名
                $size = $file->getSize();                            //文件大小
                $mime = $file->getMimeType();                        //文件MIME類型
                $path = $file -> move('storage/uploads');            //文件保存
                }