Хобрук: Ваш путь к мастерству в программировании

Есть ли способ увидеть загруженный документ в мое приложение для реагирования?

Привет, мое приложение для реагирования. Мне нужно увидеть документ, но я не могу загрузить его вручную. Поясню, пользователь при необходимости мог загрузить документ и в другой части приложения мог его увидеть. Я хочу знать, есть ли возможность организовать что-то вроде

<a href={userDocUploaded} target="_blank">See document</a>

Таким образом, пользователь onClick может видеть документ, открытый на другой вкладке. Я делаю некоторую логику, но я загружаю документ в свой магазин после того, как он увидит его в режиме просмотра. Итак, могу ли я визуализировать его, не заряжая его в localStorage или sessionStorage, должен ли я использовать внешнюю библиотеку?

reactjs javascript browser file-upload storage
18.05.2020

Ответы:


1

Это зависит от формата документа. если это изображение, вы можете показать его, закодировав его в base64 для других типов документов, я боюсь, вам нужно сохранить его по какому-то URL-адресу.

18.05.2020
  • Это может быть pdf или изображение... так что, если это pdf, его обязательно куда-то загрузить? 18.05.2020
  • @GiovanniGiampaolo посмотрите эту ветку, она даст вам представление о том, как показывать локальные PDF-файлы в браузере stackoverflow.com/questions/22048395/ 20.05.2020
  • спасибо, это может быть решением, но не в случае png или jpeg 20.05.2020
  • @GiovanniGiampaolo для png и jpeg вы можете использовать API FileReader, проверьте это stackoverflow.com/questions/18934738/ 20.05.2020

    • 2

    Вам не нужно загружать его куда-либо, чтобы открыть его, после «загрузки» (с помощью выбора файла) вы можете сохранить его в переменной и использовать по своему усмотрению (имейте в виду, что это не всегда хороший подход) . Однако, если вы хотите визуализировать\открыть его в приложении, это зависит от формата файла, и вам может потребоваться использовать внешнюю библиотеку для его интерпретации и представления.

    редактировать: добавить примечание в скобках

    18.05.2020
    Новые материалы
    5 проектов на Python, которые нужно создать прямо сейчас!
    Добро пожаловать! Python — один из моих любимых языков программирования. Если вы новичок в этом языке, перейдите по ссылке ниже, чтобы узнать о нем больше:
    Dall-E 2: недавние исследования показывают недостатки в искусстве, созданном искусственным интеллектом
    DALL-E 2 — это всеобщее внимание в индустрии искусственного интеллекта. Люди в списке ожидания пытаются заполучить продукт. Что это означает для развития креативной индустрии? О применении ИИ в..
    «Очень простой» эволюционный подход к обучению с подкреплением
    В прошлом семестре я посетил лекцию по обучению с подкреплением (RL) в моем университете. Честно говоря, я присоединился к нему официально, но я редко ходил на лекции, потому что в целом я нахожу..
    Освоение информационного поиска: создание интеллектуальных поисковых систем (глава 1)
    Глава 1. Поиск по ключевым словам: основы информационного поиска Справочная глава: «Оценка моделей поиска информации: подробное руководство по показателям производительности » Глава 1: «Поиск..
    Фишинг — Упаковано и зашифровано
    Будучи старшим ИТ-специалистом в небольшой фирме, я могу делать много разных вещей. Одна из этих вещей: специалист по кибербезопасности. Мне нравится это делать, потому что в настоящее время я..
    ВЫ РЕГРЕСС ЭТО?
    Чтобы понять, когда использовать регрессионный анализ, мы должны сначала понять, что именно он делает. Вот простой ответ, который появляется, когда вы используете Google: Регрессионный..
    Не зря же это называют интеллектом
    Стек — C#, Oracle Опыт — 4 года Работа — Разведывательный корпус Мне пора служить Может быть, я немного приукрашиваю себя, но там, где я живу, есть обязательная военная служба на 3..