Помогите решить задачу c мультизагрузкой файлов с progress bar

81
12 марта 2022, 09:00

Как можно сделать эту конструкцию на javascript?

var elem = $('<div class="file-info"><p>' + file.name + '</p><progress class="progress-bar" max="100" value="0"></progress></div>').appendTo(container);
      //добавляем инфу о файле в свойство превью
      elem.get(0).file = file;

Дело в том что я пытаюсь это решение автора сделать на чистом js, но этот кусок у меня не получается сделать правильно. У меня в моем варианте каждый раз значение файла перезаписывается на последний из загруженных файлов. Вот мой код:

container.innerHTML = "<div class="file-info"><p>' + file.name + '</p><progress class="progress-bar" max="100" value="0"></progress></div>"+container.innerHTML;
container.querySelectorAll(".file-info")[0].file = file;
Answer 1

Я нашел альтернативное решение вопроса.

    var container = document.getElementById("file-container");//Это чтобы понятнее
    container.file = {};//Объявляем объект
    //......//здесь идет код
    if(container.file.hasOwnProperty(id_name[0]) == false){//Это все вместо тех 2х строчек
        container.innerHTML = '<div class="file-info"><p>' + file.name + '</p><progress class="progress-bar" max="100" value="0"></progress></div>'+container.innerHTML;
        container.file[id_name[0]] = file;
    }//Дальше в функции где идет отправка нужно сделать перебор объекта и готово
READ ALSO
алгоритм по которому числа сортируются по возростанию
javascript

алгоритм по которому числа сортируются по возростанию

 176
Web приложение на Java + Javascript
javascript

Web приложение на Java + Javascript

Стоит задача написать web приложение на Java (backend) и html+css+javascript(frontend)Java более мение знаю (серверная часть с обращением к главной html страницы написаны...

 95
Как озвучить текст на сайте?
javascript

Как озвучить текст на сайте?

Не могу найти подходящий вариантПомогите, если знаете

 110
Как объединить код js в один файл
javascript

Как объединить код js в один файл

Я пытаюсь разобраться что натворил разработчик но я не могу понять как это блин работает

 179