Как вернуть blob из img.src?

[Teamur]

Alexandroppolus,

В этой теме речь шла о том, что на странице есть кнопочка с <input type='file'>. Картинку отображаем на странице. Затем я взял src из картинки и сохранил ее в indexedDB

[Teamur]

Я с инпута получил файл, обработал его через URL.createObjectURL и сохранил в IDB

[Teamur]

Наверное придется в IDB сделать хранилище 'TEMP', куда будут сохранятся объекты типа FILE, получаемых с инпута и тогда проблем с преобразованиями после перезагрузки страницы не будет!

Но все же

[Alexandroppolus]

Я с инпута получил файл, обработал его через URL.createObjectURL и сохранил в IDB

та коротенькая строка, которую возвращает URL.createObjectURL - это ссылка на блоб, который хранится где-то внутри работающего браузера. Как только закрыли браузер, блоб исчез, строка стала бесполезной, она ни на что не ссылается.

[Teamur]

Alexandroppolus,
Но до перезагрузки страницы, я нажимаю кнопочку SAVE, которая сохраняет то что дает URL.createObjectURL

[Teamur]

Alexandroppolus,
А вот оно что, понятно. Как тогда люди сохраняют загруженное через input?

[Alexandroppolus]

Teamur,
можно просто сохранять блоб как есть, без превращения в строку
https://developer.mozilla.org/en-US/...sing_IndexedDB - раскури эту статью

[Teamur]

Alexandroppolus,
спасибо почитаю, но я ведь превращал в строку, чтобы можно было сначала посмотреть, что сохраняешь, ведь в проводнике устройства надо еще включить отображение эскизов. А тут например, кликнул по инпуту, в списке по названию выбрал картинку, посмотрел на нее в браузере и уже потом загромождать IndexedDB

[Teamur]

Alexandroppolus,
вот вы использовали ли бы хранилище TEMP в IDB или сохраняли бы сразу в хранилище IMAGES ?

[Alexandroppolus]

но я ведь превращал в строку, чтобы можно было сначала посмотреть, что сохраняешь

всё правильно
если хочешь глянуть что за картинка в блобе, то без URL.createObjectURL не обойтись. Получится ссылка, которую можно сиюминутно показать через <img> или стиль background, но не сложить на постоянное хранение