Блог

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

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

 const url = URL.createObjectURL(blob);
 

В зависимости от типа файла вы можете использовать URL-адрес объекта для прямого отображения файла, например, в img-теге, или вы можете преобразовать его обратно в большой двоичный объект.

 <img src={url} />
 

или

 const blob = await fetch(url).then(r => r.blob());