Ngx-doc-viewer загружает xlsx вместо предварительного просмотра?

Я настраиваю ngx-doc-viewer для предварительного просмотра различных типов файлов с использованием URL-адреса, и, хотя он работает для pdf, jpeg и всего остального, что я пробовал, файлы excel, похоже, ничего не просматривают (он не говорит «предварительный просмотр недоступен» " как я уже сталкивался раньше), и вместо этого он также загружает файл.

Это не проблема размера файла, поскольку я пробовал это с почти пустыми электронными таблицами. Любая причина, по которой это было бы?

Мой план состоит в том, чтобы использовать Google вместо URL-адреса, но я использую URL-адрес, чтобы я мог видеть свои превью в локальном

Вот мой код

<ngx-doc-viewer
   [url] = "fileName"
   viewer = "url"
   style = "width:100%;height:70vh;"
></ngx-doc-viewer>
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
0
178
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

из документации пакета: https://www.npmjs.com/package/ngx-doc-viewer

Общедоступные документы можно отображать в iframe с помощью программы просмотра документов Google или Office.

передача общедоступного URL-адреса — единственный способ просмотреть файл xlsx.

iframe — это просто еще один веб-сайт, встроенный в ваше приложение, в данном случае он использует собственные веб-сайты Google и Office для предварительного просмотра. поскольку iframe не может аутентифицировать пользователя и проверить, есть ли у вас разрешение на просмотр документа, он должен быть общедоступным.

это также означает, что вы не можете загрузить файл со своего компьютера для его предварительного просмотра.

Обновлено: мне удалось просмотреть файл xlsx, загрузив его в firebase и получив ссылку. Я также видел, как другие люди говорили, что им удалось отобразить его, загрузив файл в облачное хранилище AWS. Если это вариант для вас, то, возможно, стоит попробовать, вы сначала загрузите файл в какое-нибудь облачное онлайн-хранилище, а затем получите общедоступную ссылку, чтобы отобразить его. в противном случае оригинальный пост ниже стоит.

Если вы хотите показывать только статический файл в своем приложении:
загрузите его на диск Google или в офис, сделайте его общедоступным и возьмите ссылку, чтобы отобразить его.

Если вам нужно, чтобы пользователь загружал предварительный просмотр, как я предполагаю, это то, что вы пытаетесь сделать, нет другого способа, кроме чтения файла xlsx и анализа данных для отображения в вашем html.

для этого вы можете использовать пакет XLSX: https://www.npmjs.com/package/xlsx

Другие вопросы по теме