boostarp file-input上传文件

首先创建表单

<form enctype="multipart/form-data">
    <input id="thumbnail" type="file" class="file" name="thumbnail" data-preview-file-type="text">
    <input type="hidden" id="thumbnail_path" name="thumbnail_path" value="">
</form>

初始化input file

<script type="text/javascript">
    $("#thumbnail").fileinput({
        allowedFileExtensions:['jpg','png'],  //允许上传的格式
        language:'zh',                        //语言
        uploadUrl:'{{url('upload')}}',        //服务器接收的地址
        maxFilesNum: 1,                       //一次允许上传文件数量
        uploadExtraData:{                     //额外的上传数据
            _token:$('#token').val()          //安全token进行验证
        }
    });

    $('#thumbnail').on('fileuploaded', function(event, data, previewId, index) {
        var form = data.form, files = data.files, extra = data.extra,
                response = data.response, reader = data.reader;
        $('#thumbnail_path').val(response.msg);   //把响应地址复制给表单
    });
</script>


上一篇: PHP编程效率的20个要点

下一篇: Linux使用crontab实现系统定时任务

分享

版权属于:破冰者博客

文章链接:https://ice-breaker.cn/post/6

转载时必须以链接形式注明原始出处及本声明。

表情