bootstrap-fileinput 简单范例

最新推荐文章于 2021-02-19 10:49:45 发布

dd_Gao

最新推荐文章于 2021-02-19 10:49:45 发布

阅读量450

点赞数 1

分类专栏：前端文章标签： bootstrap-fileinput

啥都不会的萌新

本文链接：https://blog.csdn.net/dd_Gao/article/details/101700613

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

[#-- 活动图片 --]
<div class="form-group">
     <label class="col-xs-3 col-sm-2 control-label item-required" for="name">${message("活动图片")}:</label>
     <div class="col-xs-9 col-sm-4" title="活动图片" data-toggle="tooltip">
           <input id="file"  name="file" draggable="true" type="file" class="file file-loading" data-show-upload="true" data-show-caption="true" data-show-preview="true" multiple="multiple">
     </div>

     <script>
           //自定义的文件上传
           $("#file").fileinput({
                   uploadUrl: "${base}/admin/secKillActivity/upload_product_image", // 服务器端上传处理程序
                   uploadAsync: true,
                   maxFileCount: 10,
                   showRemove: true,
                   //dropZoneEnabled: false//是否显示拖拽区域
            }).on("fileuploaded", function(data, id, index) {
                   console.info(id.response);
                   var pic = $("#pic").val() ;
                   if(pic == null || pic == ""){
                       $("#pic").val(id.response);
                    }else {
                         $("#pic").val(pic+","+id.response);
                     }


            });
    </script>
</div>