您好,我正在尝试使用ViewerJS plugin显示PDF文档,但无法正常工作。正如文档所述,我有<iframe id="viewer" src = "{{URL::to('/')}}/ViewerJS/#../uploads/files/{{$video->source}}" width='100%' height='600' allowfullscreen webkitallowfullscreen></iframe>
我在公用文件夹中有ViewerJS文件夹,而在public / uploads / files文件夹中有我的pdf文件。当我使用此网址时,它会在框架中显示我的页面,而不是文档。哪里有错?
最佳答案
尽管这是个老问题,但我想分享一下我是如何工作的:
步骤1:下载ViewerJs-http://viewerjs.org/releases/ViewerJS-latest.zip
步骤2:将其解压缩到Laravel的公共目录中(我将其与Laravel 4.0一起使用)
步骤3:现在,在Views文件夹中提取另一个副本。这意味着您将在两个位置拥有ViewerJs库。一个内部公用(public / ViewerJs)文件夹,另一个位于(views / ViewerJs)
步骤4:在您的app / routes.php中添加以下代码
//DocumentViewer Library
Route::any('ViewerJS/{all?}', function(){
return View::make('ViewerJS.index');
});
步骤5:现在,在您的公用文件夹中添加任何示例PDF文件(出于测试目的)
步骤6:在浏览器中的URL下打开
http://example.com/ViewerJS/index.html#../demodoc.pdf
请用您的项目路径替换example.com(在我的情况下是localhost / webapp),并将demodoc.pdf替换为您在公用文件夹中添加的示例PDF文件的名称。
而已。这样就可以了。