新增

 $("#attachmentsFile").fileinput({theme: "fa",showPreview: true, //是否显示预览hideThumbnailContent: true,//是否在缩略图中隐藏预览内容（图像，pdf内容，文本内容等）。showUpload: false, //隐藏上传按钮showRemove: false, //隐藏清除按钮overwriteInitial: false,language: 'zh',browseClass: "btn btn-hinfo",browseLabel: "附件",layoutTemplates: {//actionDelete: '',//去除上传预览的缩列图中的删除图标actionUpload: '',//去除上传预览的缩列图中的上传图标actionZoom: '',//去除上传预览的缩列图中的预览图标},}).on('change', function (event) {}).on('filepredelete', function (event, key, jqXHR, data) {return !confirm('确定删除原文件？删除后不可恢复!');});

修改

function initFileInput(id) {var initialPreviews = [], initialPreviewConfigs = [];$.ajax({url: '/attachment/fileinfos',type: "GET",async: false,data: {id: id},success: function (res) {if (res.success == true) {if(res.data.length>0){res.data.forEach(function (element, index) {initialPreviews.push(element.path);initialPreviewConfigs.push({previewAsData: false,downloadUrl: element.path,caption: defaultValue(element.fileName,"附件"+index),width: '120px',url: '/attachment/delete',key: element.id,extra: function() {return {id: element.id};}});});}} else {toastr.error(res.message);}},error: function (res) {toastr.error("请求失败");},complete: function () {closeModalWithJs(pageData.updateModal);}});$("#attachmentsFileU").fileinput('destroy');$("#attachmentsFileU").fileinput({theme: "fa",uploadUrl: "不然没有新文件删除按钮",showPreview: true, //是否显示预览hideThumbnailContent: true,//是否在缩略图中隐藏预览内容（图像，pdf内容，文本内容等）。showUpload: false, //隐藏上传按钮showRemove: false, //隐藏清除按钮showClose: false, //隐藏右上角叉overwriteInitial: false,language: 'zh',browseClass: "btn btn-hinfo",browseLabel: "附件",msgDuplicateFile: '"{name}"文件已经存在',initialPreviewAsData: true, // 确定你是否仅发送预览数据，而不是原始标记initialPreview: initialPreviews,initialPreviewConfig: initialPreviewConfigs,layoutTemplates: {//actionDelete: '',//去除上传预览的缩列图中的删除图标actionUpload: '',//去除上传预览的缩列图中的上传图标actionZoom: '',//去除上传预览的缩列图中的预览图标},}).on('change', function (event) {}).on('filepredelete', function (event, key, jqXHR, data) {return !confirm('确定删除原文件？删除后不可恢复!');});
}

fileinput基本使用相关推荐

Python fileinput模块：逐行读取多个文件
前面章节中,我们学会了使用 open() 和 read()(或者 readline().readlines() )组合,来读取单个文件中的数据.但在某些场景中,可能需要读取多个文件的数据,这种情况下, ...
bootstrap 文件上传fileinput
页面中引入引入:fileinput.js js初始化: <div class="modal-body"><input type="file" ...
python fileinput_python fileinput模块
fileinput模块可以遍历文本文件的所有行.它的工作方式和readlines很类似,不同点在于,它不是将全部的行读到列表中而是创建了一个xreadlines对象. 下面是fileinput模块中的 ...
【Bootstrap-插件使用】Jcrop+fileinput组合实现头像上传功能
作者:Dreawer 链接:https://zhuanlan.zhihu.com/p/24465742 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 作者:梦游的龙 ...
fileinput 的总结
fileinput组件实战总结 fileinput是一个增强的基于Bootstrap3.x和HTML5的文件上传工具,具备多种格式文件的预览功能, 另外,它包含了基于AJAX的上传,拖拽和撤销文件,可 ...
python bootstrap-fileinput示例_bootstrap fileinput完整实例分享
本篇介绍如何使用bootstrap fileinput.js,file input插件功能如此强大,样式非常美观,并且支持上传文件预览,ajax同步或异步上传,拖曳文件上传等炫酷的功能,最好用的文件上 ...
fileinput模块可以循环一个或多个文本文件的内容
fileinput模块可以循环一个或多个文本文件的内容. [默认格式] fileinput.input (files=None, inplace=False, backup='', bufsize=0 ...
Bootstrap fileinput.js，最好用的文件上传组件
本篇介绍如何使用bootstrap fileinput.js(最好用的文件上传组件)来进行图片的展示,上传,包括springMVC后端文件保存. 一.demo 二.插件引入 <link ty ...
python fileinput模块next_Python中的fileinput模块的简单实用示例
这几天有这样一个需求,要将用户登陆系统的信息统计出来,做成一个报表.当用户登陆成功的时候,服务器会往日志文件里写一条像下面这种格式的记录:"日期时间@用户名@IP",这样的日志文件 ...
php多图上传插件ios,yii2组件之多图上传插件FileInput的详细使用
作者:白狼出处:http://www.manks.top/yii2_multiply_images.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连 ...

fileinput基本使用

新增

修改

fileinput基本使用相关推荐

最新文章

热门文章