主页 / 问题 / 795468
Accepted
NTP
Asked:2020-03-09 04:52:12 +0000 UTC2020-03-09 04:52:12 +0000 UTC

一次上传一组文件

  • 772

您html可以使用以下结构一次上传多个文件：

<input type="file" id="files" name="files[]" multiple />

但是为了让它上传多个文件，您需要一次全部选择它们。如何“逐个”下载文件？这样每个新上传的文件都会添加到这个数组中。当然，您可以显示 20 个按钮，您将有 20 次可能的点击，但看起来不会很好。

javascript

1 个回答

  1. Best Answer

    不幸的是，出于安全原因，不可能直接通过 js 更改输入文件，否则您可以尝试将事件抛出到隐藏输入，然后将结果传输到主输入:(如果您使用自定义浏览器引擎在您的软件中，您可以使用设置安全性。

    一般来说，您可以尝试像这样一个一个地添加文件。每次添加新内容时，添加另一个输入。

    $('input').one('change', appendInput);

function appendInput() {
  $(this).parent().append(`<br><label>Файл ${$('input').length+1}</label><input type='file'/>`);
  $(this).nextAll('input:first').one('change', appendInput);
}
    label {
  padding-right: 2%;
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=container>
  <label>Файл 1</label><input type='file' />
</div>

    • 2

相关问题