bootstrap-fileinput 文件上传

最新推荐文章于 2022-12-06 22:50:42 发布

感谢相遇。�

最新推荐文章于 2022-12-06 22:50:42 发布

阅读量264

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_43853787/article/details/99301234

版权

这段内容展示了如何使用bootstrap-fileinput插件进行文件上传的配置。设置包括上传URL、支持的语言、隐藏预览和上传按钮，指定允许的文件类型和大小，并处理上传后的回调，检查返回消息并刷新表格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#fileupload_input_factor").fileinput({
       language : 'zh',
       uploadUrl : contextpath + "/rest/pollutionburining/burninguploadfile?status="+status+"&source="+source,
       enctype : 'multipart/form-data',
       // 隐藏文件预览缩略图
       showPreview : false,
       // 隐藏上传按钮
       showUpload : true,
       // 显示标题
       showCaption : true,
       // 预加载说明
       initialCaption : "上传贡献文件",
       // 只能选择｛text类型｝
       allowedPreviewTypes : [ 'txt'],
       // 只能上传一下类型文件
       allowedFileExtensions : [ "txt"],
       // 报错样式
       previewClass : "bg-warning",
       maxFileSize : 2000,
       window:true,
});
// 上传回调
$("#fileupload_input_factor").on("fileuploaded", function(event, data, previewId, index) {
       if(data.response.message=="数据重复！"||data.response.message=="文件上传失败！"){
           MyAlert(data.response.message,function(){
           $roadpm11.find("#pollution-table").bootstrapTable('refresh');
       })
       }else{
           setTimeout(function(){
               $roadpm11.find("#pollution-table").bootstrapTable('refresh');
       },5000);
       }
});