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');            //文件保存
                }