首页 > 解决方案 > 在Javascript中将文件附加到边界之外

问题描述

我是 JavaScript 的新手,我想在我的网站上附加一些文件。首先对不起我的无知。。

在此处输入图像描述

问题是:当我想附加很多文件时,它们显得不合时宜。我的想法是:当底部的长度超过边缘的长度时,换行。当我换行时,我会放大按钮和行的大小。

在此处输入图像描述

这是代码:

$('#input_issue').change( () => {

    let arrayFiles = document.getElementById("input_issue").files;
    for(i=1;i<arrayFiles.length;i++){
        let t = $('#button_file_upload_issue i.text').text();

        if(('#button_file_upload_issue').width <  $('#input_issue').width)
            $('#button_file_upload_issue i.text').text(t + ', '+ arrayFiles[i].name);
        else{

            $('#button_file_upload_issue').parent().attr('style', 'height: 100px');
            $('#button_file_upload_issue').attr('style', 'height: 100px');
            $('#button_file_upload_issue i.text').text('\n'+ t + ', '+ arrayFiles[i].name);

        }
    }

})

该解决方案效果不佳..有人可以帮助我吗?再次抱歉这个不好的问题。

标签: javascript

解决方案


推荐阅读