fileinput-图片插件

<link rel="stylesheet" href="{{asset('plugins/fileinput/css/fileinput.min.css')}}" xmlns="http://www.w3.org/1999/html">

<script src="{{asset('plugins/fileinput/js/fileinput.js')}}"></script>

<script src="{{asset('plugins/fileinput/js/fileinput_locale_zh.js')}}"></script>

<script src="{{mix('js/fileupload.js')}}"></script>

var uid = '{{adminId()}}'; //管理员id

var file = new upload({ uid:uid,pictype:1001,uploadid:"fileupload",tag:"img",token:'<?php echo e(csrf_token());?>'});

file.initUpload('{!! $info->imginfo !!}','{{asset('uploadfile')}}/') ;

 

<div class="form-group">

    <label class="col-sm-3 control-label">洗护图片：</label>

    <div class="col-md-8">

        <div id="img_info">

        <input type="hidden" id="img" name="img" value="{{$info->imginfo}}"/>

        <input id="fileupload" name="fileupload" type="file" multiple>

        <input type="hidden" name="_token" value="{{csrf_token()}}"/>

        <span class="help-block text_infor">支持文件格式:xls, xlsx, doc, docx, pdf, jpg, png, jpeg。</span>

        </div>

    </div>

</div>

http://plugins.krajee.com/file-plugin-methods-demo

fileinput 功能演示

上面链接详解

多次初始化值使用

var $el4 = $('#fileupload'), initPlugin = function() {

$el4.fileinput({previewClass:''});

};

$el4.fileinput('destroy');