首页 新闻 搜索 专区 学院

bootstrap-inputfile 上传成功后,页面加载了一下div在页面底部显示

0
[待解决问题]

文件上传成功后,插件自己创建了一些div添加在了页面底部,不知道有没有遇到过,我想隐藏这几个div,但是插件的js中不知道是哪个方法创建呢,有没有大神提示一下

little_sun的主页 little_sun | 菜鸟二级 | 园豆:208
提问于:2018-08-31 17:03
< >
分享
所有回答(1)
0

你上传代码发下 我这边没有你说的多余的div

ycyzharry | 园豆:23154 (高人七级) | 2018-08-31 17:51

/加载上传控件/
Initfileinput = function (uploadurl){
$("#file").fileinput({
//uploadUrl: "../fileinfo/save", // server upload action
language: 'zh', //设置语言
uploadUrl:uploadurl,
required: true,
showCaption: false,
showBrowse: true,
browseOnZoneClick: true,
dropZoneEnabled: false,
allowedFileExtensions: ['xlsx','xls'],
// allowedFileExtensions: ['txt', 'gif', 'png','xlsx','xls','doc','pdf','docx'],//只能选择xls,和xlsx格式的文件提交
//maxFileSize: 0,//单位为kb,如果为0表示不限制文件大小
/不同文件图标配置/
// previewFileType: ['image','html','text','flash','xlsx','xls','object'],
allowedPreviewTypes: ['image'],
previewFileIcon:'<i class="fa fa-file-o"></i>',
// previewFileIconSettings: null,
previewFileIconSettings: {
'docx': '<i class="fa fa-file-word-o text-primary" ></i>',
'xlsx': '<i class="fa fa-file-excel-o text-success"></i>',
'pptx': '<i class="fa fa-file-powerpoint-o text-danger"></i>',
'jpg': '<i class="fa fa-file-photo-o text-warning"></i>',
'pdf': '<i class="fa fa-file-pdf-o text-danger"></i>',
'zip': '<i class="fa fa-file-archive-o text-muted"></i>',
'doc': '<i class="fa fa-file-word-o text-primary"></i>',
'xls': '<i class="fa fa-file-excel-o text-success"></i>',
'ppt': '<i class="fa fa-file-powerpoint-o text-danger"></i>',
'pdf': '<i class="fa fa-file-pdf-o text-danger"></i>',
'zip': '<i class="fa fa-file-archive-o text-muted"></i>',
'htm': '<i class="fa fa-file-code-o text-info"></i>',
'txt': '<i class="fa fa-file-text-o text-info"></i>',
'mov': '<i class="fa fa-file-movie-o text-warning"></i>',
'mp3': '<i class="fa fa-file-audio-o text-warning"></i>',
'jpg': '<i class="fa fa-file-photo-o text-danger"></i>',
'gif': '<i class="fa fa-file-photo-o text-muted"></i>',
'png': '<i class="fa fa-file-photo-o text-primary"></i>'
},
layoutTemplates:{ actionUpload:''},
/上传成功之后运行/
fileuploaded:$("#file").on("fileuploaded", function (event, data, previewId, index) {
var res = data.response.data;
console.log(res.fileName + "<<<<<<<<<<<<<<<fileName");
console.log(res.filePath + "<<<<<<<<<<<<<<<filePath");

        $("#departmentInfo").val($("#departmentInfo").val() +","+res.filePath);
        $("#departmentInfoName").val($("#departmentInfoName").val() +","+res.fileName);
        // var path = $("#departmentInfo").val();

        console.log("Upload success");
    }),

    /*上传出错误处理*/
    fileerror:$('#file').on('fileerror', function(event, data, msg) {
        console.log("Upload failed")
    }),
});

}

支持(0) 反对(0) little_sun | 园豆:208 (菜鸟二级) | 2018-08-31 17:52

我觉得不是我这块上传代码的问题,应该是它本身的js有什么地方执行了

支持(0) 反对(0) little_sun | 园豆:208 (菜鸟二级) | 2018-08-31 17:54

@little_sun: 你搜下代码里 清除选中文件 看看在什么地方

支持(0) 反对(0) ycyzharry | 园豆:23154 (高人七级) | 2018-08-31 18:15
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册