Не успевают загрузиться файлы

@RuCode · Регистрация: 03.06.2016

Студворк — интернет-сервис помощи студентам

Всем привет, я совсем новичек в JS, но есть форма:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
    <body>
        <div id="drop-area">
            <form class="my-form" action="/upload" method="post">
                <p>Кидайте файлы в эту область или введите URL изображения:</p>
                <input type="text" class="url_edit" id="urlEdit" placeholder="URL изображения" onchange="loadFromUrl()">
                <label class="button" for="urlEdit">+</label>
                <div id="list" /></div>
                <input type="file" id="fileElem" multiple accept="image/*" onchange="handleFiles(this.files)">
                <div class="radios">
                    <input type="radio" id="RMultipart" name="contact" value="multipart" checked>
                    <label for="RMultipart">multipart / form-data</label>
                    <input type="radio" id="RURL" name="contact" value="URL">
                    <label for="RURL">BASE64 \ URL</label>
                </div>
                <label class="button" for="fileElem">Выбрать файлы</label>
                <label class="button" onclick="upload()">Отправить</label>
                <progress id="progress-bar" max=100px value=0></progress>
            </form>
            <div id="gallery" /></div>
        </div>
        <script src="main.js"></script>
    </body>
</html>

Хочу получить объекты File из превьюшек (именно так надо), но XMLHttpRequest выполняется асинхронно и дальнейший код не успевает получить массив файлов. Собственно вопрос, можно ли переписать это на промисы? И если да, то как?

Вот функция JS:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function getFilesFromGalery() {
  var files = [];
  for (let i = 0; i < document.getElementById('gallery').childNodes.length; i++) {
    var xhr = new XMLHttpRequest();
    var imgUrl = document.getElementById('gallery').childNodes[i].src;
    xhr.open('GET', imgUrl);
    xhr.responseType = 'blob';
    xhr.onload = function(e) {
      if (this.status == 200) {
        var myBlob = this.response;
        var filename = 'file_'+ i + '.' + GetFileName(imgUrl);
        var file = new File([myBlob], filename, {type: 'image/' + GetDataType(imgUrl)});
        files.push(file)
      }
    };
    xhr.send();
  }
  return files;
}

@kidASM · 21.03.2019, 18:51

Зачем слать файл на сервер, генерить превью и обратно слать файл? Ведь можно получить доступ к файлу в форме и сделать превью. Если будет указана ссылка, то можно просто вставить ссылку в тэг img.

Новые блоги и статьи Все статьи Все блоги /
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .	Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .	Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Номеклатура. . .

@kidASM 416 / 307 / 113 Регистрация: 28.08.2013 Сообщений: 836
	21.03.2019, 18:51
	Зачем слать файл на сервер, генерить превью и обратно слать файл? Ведь можно получить доступ к файлу в форме и сделать превью. Если будет указана ссылка, то можно просто вставить ссылку в тэг img. 0