Bootstrap FileInput编辑时初始化文档/图片到插件内展示

最新推荐文章于 2023-08-10 15:59:14 发布

Pwhxbdk

最新推荐文章于 2023-08-10 15:59:14 发布

阅读量5.6k

点赞数 1

分类专栏：前后端交互文章标签： Bootstrap FileInpu Bootstrap FileInpu修改

本文链接：https://blog.csdn.net/zz7_Sunshine/article/details/88797911

版权

本文主要探讨了在使用Bootstrap FileInput插件时，如何在编辑模式下初始化已上传的文档或图片，以便在再次提交时能正确显示和处理。

摘要由CSDN通过智能技术生成

Bootstrap fileinput基本配置见上文，这篇主要展示的是：在用插件提交后需要修改再提交的场景

js

$(function () {
    initFile();
    initFileInput("input-id");
});

function initFileInput(ctrlName) {
            var control = $('#' + ctrlName);
            control.fileinput({
                language: 'zh', //设置语言
                uploadUrl: prefix+"/edit", //上传的地址
                allowedFileExtensions: ['xls', 'xlsx', 'doc', 'docx', 'pdf', 'ppt', 'pptx'],//允许接收的文件后缀
                uploadAsync: false,  //默认异步上传
                showUpload: false,  //是否显示上传按钮
                showPreview : true, //是否显示预览
                showCaption: true, //是否显示标题
                showClose: true,    //是否显示关闭按钮
                removeClass: "btn btn-danger",
                enctype: &#