Как использовать просмотрщик js в Laravel
Здравствуйте, я пытаюсь отобразить 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-адрес, он показывает мою страницу в кадре вместо документа. Где же ошибка?

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

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-файла, добавленного в общую папку.
Вот и все. Это будет работать нормально.





30.09.2014 02:13:37
Вы должны сделать следующим образом:
скопируйте содержимое папки ViewerJS, например, в свой public / viewerjs
редактировать PluginLoader.js, ODFViewerPlugin.js, PDFViewerPlugin.js и поиск строки ./ и измените его на относительный путь к каталогу, в моем примере просмотра/
Экс.: в PluginLoader.js, вы найдете:loadPlugin('./ODFViewerPlugin', function () { Plugin = ODFViewerPlugin; });
замените это на:
loadPlugin('viewerjs/ODFViewerPlugin', function () { Plugin = ODFViewerPlugin; });
создайте маршрут GET, например:
Route::get('/ViewerJS/{all?}', array('as' => 'pdfViewer', 'uses' => 'YOURCONTROLLER@pdfViewer'));
создайте метод в вашем контроллере, как:
public function pdfViewer() { return View::make('pdfview.view'); }
Создайте свое представление и вставьте все содержимое индекса.html, он находится внутри папки ViewerJS. Не забудьте заменить все ссылки на файлы css и javascript на:
{{ asset('viewerjs/viewer.css') }}
{{ asset('viewerjs/viewer.js') }}
{{ asset('viewerjs/PluginLoader.js') }}
Вызовите маршрут, например: http://www.xxxxx.com/ViewerJS#YOUR_PATH_TO_THE_PDF_FILE_UNDER_THE_PUBLIC_FOLDER пример: загрузка / PDF-файлы / тест.документ pdf
Обратите внимание, что вам не нужно указывать public/uploads/pdfs/test.формат PDF !!

17.12.2019 06:16:46
Вы также должны добавить имя PDF-файла в путь. Например:
http://www.xxxxx.com/ViewerJS#YOUR_PATH_TO_THE_PDF_FILE_UNDER_THE_PUBLIC_FOLDER/NAME_FILEP