bootstrap fileinput上传文件插件删除文件方法

最新推荐文章于 2023-02-06 16:50:39 发布

前端_小学生

最新推荐文章于 2023-02-06 16:50:39 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript fileinput jquery 文章标签： javascript web jquery fileinput ajaxDeleteSeettings

本文链接：https://blog.csdn.net/weixin_44243061/article/details/102253250

javascript 同时被 3 个专栏收录

11 篇文章

订阅专栏

jquery

2 篇文章

订阅专栏

fileinput

1 篇文章

订阅专栏

本文介绍了如何在Bootstrap Fileinput插件中配置删除文件的方法，提醒读者务必查阅官方文档以获取详细信息。

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

bootstrap fileinput上传文件插件删除文件方法

在fileinput的options中配置

    $("#file-input").fileinput({
        ajaxDeleteSettings: {
            type: 'POST',
            contentType: 'application/json;charset=utf-8',
            beforeSend: function (xhr, settings) {
                var data = settings.data;
                var dataArr = data.split("&");
                var dataObj = {};
                for (var i = 0; i < dataArr.length; i++) {
                    var arr = dataArr[i].split("=");
                    dataObj[arr[0]] = arr[1];
                }
                settings.data = JSON.stringify(dataObj);
            },
            success: function (data) {
                if (data.code === '00000000') {
                    alert("删除成功");
                }
            }
        },
        mergeAjaxDeleteCallbacks: 'before' // 有了这个配置才会在请求发送之前触发ajaxDeleteSettings方法
    })