У меня есть код, который загружает несколько файлов при запуске. Почему-то множественная загрузка работает в Chrome на моей локальной машине, но не в Firefox. Он получает только последний нажатый переключатель. Это также происходит в производстве.
function(path, files){
link = document.createElement(‘a’)
files = [];
files.push(path)
for(var i = 0; files.length; i++) {
link.href = path;
link.click();
}
}
<div class="modal fade file_upload_modal" role="dialog" width="50px">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="border-bottom: 1px solid black">
<center><h2>DOWNLOADABLE FORMS</h2></center>
</div>
<div class="modal-body">
<table class="center" style="width: 100%">
<tr>
<td class="bold">Select a form: <br><br></td>
</tr>
{% for download in downloadfiles %}
<tr>
<td><input type="checkbox" name="{{ download.file_name }}" value="{{ MEDIA_URL }}{{ download.document }}"> {{ download.file_name }}<br></td>
</tr>
{% endfor %}
</table>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary center" id="download_upload">Download</button>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$(".btn-update-download").on('click', function(){
$(".file_upload_modal").modal("show");
});
$("input[type='checkbox']").on("click", function(){
var checked = $(this).val();
var count = 0;
$("#download_upload").on('click', function(){
count++;
if (count == 1){
files = [];
$.get(downloadFiles(checked, files));
$('input:checkbox').removeAttr('checked');
$(".file_upload_modal").modal("hide");
}
});
});
});
function downloadFiles(path, files){
files.push(path);
var link=document.createElement('a');
for(var i=0; i<files.length; i++){
link.href = path;
link.download = path.substr(path.lastIndexOf('/') + 1);
link.click();
}
}
</script>
{% endblock %}
Вот код, который я создал для загрузки нескольких файлов, он отлично работает на локальном компьютере, как я писал выше, но не работает на другом браузере.