代码之家  ›  专栏  ›  技术社区  ›  LatentDenis

有没有办法在IE中生成PDF预览

  •  0
  • LatentDenis  · 技术社区  · 9 年前

    有没有在IE浏览器中生成PDF预览?

    我知道你可以在Chrome或Firefox中使用iframe,在IE中使用blob,但它们都需要自己的代码,我正在寻找能够跨浏览器工作的东西。

    1 回复  |  直到 9 年前
        1
  •  3
  •   LatentDenis    9 年前

    最终找到了一个解决方案,为所有浏览器都支持的PDF文件生成浏览器内预览窗口!

    这是我的代码(我放入了一个输入框,以便任何人都可以测试任何PDF URL):

    <div class="wizard-content">
         <div class="col-md-6">
              <input id="pdfsrc" class="form-control">
              <a id="refresh" href="#" class="btn btn-lg btn-success">Refresh PDF</a>
         </div>
         <div id="myDiv" class="col-md-6">
              <object id="objsrc" data="" type="application/pdf" style="width:100%;height:100%">
                  <embed id="embsrc" src="" type="application/pdf" style="width:100%;height:100%/">
              </object>
         </div>
    </div>
    

    JS:

    $(function() {
        $("#refresh").click(function() {
            var url=document.getElementById('pdfsrc').value;
            $("#objsrc").attr("data", url);
            $("#embsrc").attr("src", url);
            var container = document.getElementById("myDiv");
            var content = container.innerHTML;
            container.innerHTML = content;
        })
    })