Nano Hash - криптовалюты, майнинг, программирование

Подождите, пока пользователь завершит загрузку большого двоичного объекта в Javascript.

В Javascript я создаю несколько больших двоичных объектов, которые хочу предложить пользователю сохранить в виде файлов. На данный момент я делаю это, используя URL.createObjectURL, помещая URL-адрес в ссылку и имитируя щелчок по ссылке. (Конечно, я вызываю URL.revokeObjectURL, чтобы освободить URL-адрес, чтобы большой двоичный объект можно было отбросить после того, как пользователь его сохранит.) У меня есть цикл, который проходит и делает это для каждого большого двоичного объекта, который я хочу, чтобы пользователь сохранил.

По крайней мере, в Firefox запуск ссылки является асинхронной операцией; Я вызываю click(), и мой цикл для создания остальных больших двоичных объектов немедленно продолжает выполнение до того, как пользователь выберет место для сохранения файла.

Это представляет собой небольшую проблему, потому что каждый блоб может быть несколько большим, и их может быть много. Я легко могу предвидеть ситуацию, когда не хватит памяти, чтобы хранить их все в памяти, ожидая, пока пользователь сохранит и освободит их один за другим. Итак, я хотел бы сгенерировать один большой двоичный объект, чтобы пользователь загрузил его, а затем, после сохранения файла (и, следовательно, имеет право быть отброшенным сборщиком мусора), приступить к созданию следующий большой двоичный объект и попросите пользователя сохранить его.

Есть ли способ добиться этого, не требуя от пользователя вручную нажимать другую кнопку или что-то в этом роде, чтобы сообщить странице, что он закончил сохранение файла?

javascript file blob synchronous save
22.03.2015

  • Используется ли опция библиотеки jQuery? 23.03.2015
  • Я знаю, что это немного поздно, но ты когда-нибудь что-нибудь понял? Я делаю то же самое, чтобы сохранить некоторые двоичные данные в своем веб-приложении, и я хотел бы отозвать буфер, когда сохранение будет выполнено. Фактически он остается в памяти, пока веб-страница активна, поэтому ссылка на URL-адрес объекта данных не будет выпущена до тех пор, пока пользователь не покинет страницу или не закроет ее. 17.02.2017
  • К сожалению нет. В другом месте я получил несколько предложений об использовании события фокуса окна, но мне так и не удалось заставить его работать предсказуемо. Не уверен, что за последние пару лет произошли какие-либо изменения, которые позволили бы это сделать, но на этом я остановился. Извини. :-( 19.02.2017

Ответы:


1

Это то, что сработало для меня.

/**
 *
 * @param {object} object A File, Blob, or MediaSource object to create an object URL for. https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
 * @param {string} filenameWithExtension
 */
function saveObjectToFile (object, filenameWithExtension) {
  console.log('saveObjectToFile: object', object, 'filenameWithExtension', filenameWithExtension)
  const url = window.URL.createObjectURL(object)
  console.log('url', url)
  const link = document.createElement('a')
  link.style.display = 'none'
  link.href = url
  link.target = '_blank'
  link.download = filenameWithExtension
  console.log('link', link)
  document.body.appendChild(link)
  link.click()
  window.setTimeout(function () {
    document.body.removeChild(link)
    window.URL.revokeObjectURL(url)
  }, 0)
}

/**
 * @param {string} path
 * @param {object} payload
 * @param {string} filenameWithExtension
 * @returns {promise}
 */
export async function downloadFileInBackground (path, payload, filenameWithExtension) {
  console.log('downloadFileInBackground awaiting fetch...')
  const response = await fetch(path, {
    method: 'POST',
    cache: 'no-cache',
    headers: {
      'Content-Type': 'application/json'
    },
    body: payload // body data type must match "Content-Type" header
  })
  console.log('response', response)
  const blob = await response.blob()
  saveObjectToFile(blob, filenameWithExtension)
  console.log('downloadFileInBackground finished saving blob to file!', filenameWithExtension)
}

Я знаю, что у других людей тоже есть эта проблема:

P.S. Я ценю идею @sicking на https://github.com/whatwg/html/issues/954#issue-144165132.

01.04.2021
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..