Как использовать просмотрщик js в Laravel


Как использовать просмотрщик js в Laravel

09.08.2014 05:30:28 Просмотров 60 Источник

Здравствуйте, я пытаюсь отобразить PDF-документы с помощью плагина ViewerJS, но он не работает должным образом. Как говорит документация у меня есть <iframe id="viewer" src = "{{URL::to('/')}}/ViewerJS/#../uploads/files/{{$video->source}}" width='100%' height='600' allowfullscreen webkitallowfullscreen></iframe> У меня есть папка ViewerJS в общей папке и мои pdf-файлы в папке public / uploads/files. Когда я использую этот url-адрес, он показывает мою страницу в кадре вместо документа. Где же ошибка?

javascript php pdf laravel viewer
У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/25219085/how-to-user-viewer-js-in-laravel#comment61147178_25219085
Уважаемый @Zolax, вы нашли решение.если затем руководство мне, как открыть файл docx / doc в браузере с помощью viewerJS.

Ответы - Как использовать просмотрщик js в Laravel / How to user Viewer js in Laravel

aquasmit

25.09.2014 12:28:22

Хотя это старый вопрос, я хотел бы поделиться, как я получил эту работу:

Шаг 1: Загрузите ViewerJs - http://viewerjs.org/releases/ViewerJS-latest.zip

Шаг 2: извлеките это в общедоступном каталоге Laravel (я использовал его с Laravel 4.0)

Шаг 3: Теперь извлеките еще одну копию в папке Views. Это означает, что у вас будет библиотека ViewerJs в двух местах. Один внутри общедоступной (public/ViewerJs) папки, а другой будет в (views/ViewerJs)

Шаг 4: Добавьте код ниже в свое приложение / маршруты.РНР

//DocumentViewer Library
Route::any('ViewerJS/{all?}', function(){

    return View::make('ViewerJS.index');
});

Шаг 5: Теперь добавьте любой образец PDF-файла в общую папку (для тестирования)

Шаг 6: откройте ниже ссылку в браузере

http://example.com/ViewerJS/index.html#../demodoc.pdf

Пожалуйста, замените example.com (в моем случае это был localhost/webapp) по пути вашего проекта и замените demodoc.pdf по имени образца PDF-файла, добавленного в общую папку.

Вот и все. Это будет работать нормально.

Источник
https://stackoverflow.com/questions/25219085/how-to-user-viewer-js-in-laravel/26033905#comment55332714_26033905
Есть ли простой способ узнать, когда документ закончил загрузку ?
https://stackoverflow.com/questions/25219085/how-to-user-viewer-js-in-laravel/26033905#comment61115861_26033905
Уважаемый @aquasmit прежде всего отличная работа.Во-вторых, сэр, что я должен сделать для docx.Я даю ссылку, но она показывает пустой, значит, не показывает текст в документе docx.Пожалуйста, помогите мне.
https://stackoverflow.com/questions/25219085/how-to-user-viewer-js-in-laravel/26033905#comment90683641_26033905
Спасибо @aquasmit, вы спасли мой день. Спасибо снова.
https://stackoverflow.com/questions/25219085/how-to-user-viewer-js-in-laravel/26033905#comment91294951_26033905
Спасибо @aquasmit
stephnx

30.09.2014 02:13:37

Вы должны сделать следующим образом:

  1. скопируйте содержимое папки ViewerJS, например, в свой public / viewerjs

  2. редактировать PluginLoader.js, ODFViewerPlugin.js, PDFViewerPlugin.js и поиск строки ./ и измените его на относительный путь к каталогу, в моем примере просмотра/
    Экс.: в PluginLoader.js, вы найдете:

    loadPlugin('./ODFViewerPlugin', function () { Plugin = ODFViewerPlugin; });

    замените это на:

    loadPlugin('viewerjs/ODFViewerPlugin', function () { Plugin = ODFViewerPlugin; });

  3. создайте маршрут GET, например: Route::get('/ViewerJS/{all?}', array('as' => 'pdfViewer', 'uses' => 'YOURCONTROLLER@pdfViewer'));

  4. создайте метод в вашем контроллере, как:

    public function pdfViewer() { return View::make('pdfview.view'); }

  5. Создайте свое представление и вставьте все содержимое индекса.html, он находится внутри папки ViewerJS. Не забудьте заменить все ссылки на файлы css и javascript на:

    {{ asset('viewerjs/viewer.css') }}

    {{ asset('viewerjs/viewer.js') }}

    {{ asset('viewerjs/PluginLoader.js') }}

  6. Вызовите маршрут, например: http://www.xxxxx.com/ViewerJS#YOUR_PATH_TO_THE_PDF_FILE_UNDER_THE_PUBLIC_FOLDER пример: загрузка / PDF-файлы / тест.документ pdf
    Обратите внимание, что вам не нужно указывать public/uploads/pdfs/test.формат PDF !!

Источник
diego barzaghi

17.12.2019 06:16:46

Вы также должны добавить имя PDF-файла в путь. Например:

http://www.xxxxx.com/ViewerJS#YOUR_PATH_TO_THE_PDF_FILE_UNDER_THE_PUBLIC_FOLDER/NAME_FILEP
Источник
Помочь в развитии проекта:

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

Ответы на ваши вопросы

Закрыть X