首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >阅读网页中的.pdf

阅读网页中的.pdf
EN

Stack Overflow用户
提问于 2019-09-10 20:38:15
回答 3查看 42关注 0票数 0

我使用下面的代码在一个新页面中阅读了pdf文档的链接,但我只有空白页面。

代码语言:javascript
复制
@section('content')
<div class="content">
  <div class="container-fluid">
    <div class="card card-plain">
      <div class="card-header card-header-primary">
        <h4 class="card-title">Cotations</h4>
        <p class="card-category">lorem ipsum lorem ipsum
        </p>
      </div>
      <div class="card-body">
        <div class="row">

          <div class="col-md-12">
            <a href="D:\Cumputers\Dark Deb\Hunchly-Dark-Web-Setup.pdf" target="_blank">Hunchly-Dark-Web-Setup.pdf</a>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
@endsection
EN

回答 3

Stack Overflow用户

发布于 2019-09-10 21:54:57

你可以查看这篇关于在你的网页上嵌入PDF文件的文章。HTML embedded PDF iframe

我过去所做的是使用iframe来实现这一点,如下所示:

代码语言:javascript
复制
<iframe style="border:1px solid #666CCC" title="My PDF" src="my-pdf.pdf" frameborder="1" scrolling="auto" height="1100" width="850" ></iframe>
票数 1
EN

Stack Overflow用户

发布于 2019-09-10 22:03:50

您可以使用对象标签

代码语言:javascript
复制
@section('content')
<div class="content">
  <div class="container-fluid">
    <div class="card card-plain">
      <div class="card-header card-header-primary">
        <h4 class="card-title">Cotations</h4>
        <p class="card-category">lorem ipsum lorem ipsum
        </p>
      </div>
      <div class="card-body">
        <div class="row">

          <div class="col-md-12">
           
           <!-- pdf here -->
           <object width="400" height="400" data="http://plugindoc.mozdev.org/testpages/test.pdf">
</object>

          <!-- pdf here -->
          <!-- or iframe -->
          <iframe src="http://plugindoc.mozdev.org/testpages/test.pdf" width="400" height="400" frameborder="0"></iframe>
            
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
@endsection

票数 0
EN

Stack Overflow用户

发布于 2019-09-17 17:11:53

感谢@Otavio和@jass。我用ifram试过了,它起作用了。

代码语言:javascript
复制
<iframe style="border:none" src="{{URL::asset('/material/docs/laravel-PDF/laravel.pdf')}}"  scrolling="auto" height="700" class="col-md-10"></iframe>

我还想明确指出,我们必须以laravel的方式使用链接。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57870975

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档