【问题标题】：Krajee Bootstrap File Input plugin pdf preview doesn't work in chromeKrajee Bootstrap 文件输入插件 pdf 预览在 chrome 中不起作用
【发布时间】：2016-12-01 14:19:42
【问题描述】：

我正在使用这个插件，但无法弄清楚为什么我的 chrome 在选择文件时不显示 pdf 的预览...在他们的网站上它显示得非常好

http://plugins.krajee.com/file-preview-icons-demo#custom-preview-icons-3

但在我的本地文件上，它适用于 firefox，但不适用于 chrome，我只能得到一个空白预览

这样

应该是这样的：

我已经从 github 上传了主要内容并将我的文件添加到 /examples/myfile.html 中

MY EDITED EXAMPLE

如果有人可以帮助我，我不明白我做错了什么？也许还有其他一些我没有在 html 文件中加载的依赖项？还是应该先加载一些东西？

只需在 chrome 中运行 /examples/myfile.html 并选择任何 .pdf 文件，您就会明白我在说什么。

更新

这是我在那个 zip 中的 html 文件

<!DOCTYPE html>
<!-- release v4.3.6, copyright 2014 - 2016 Kartik Visweswaran -->
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <title>myfile</title>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <link href="../css/fileinput.css" media="all" rel="stylesheet" type="text/css" />

    </head>
    <body>
        <div class="container kv-main">
            <div class="page-header">
            <h1>Bootstrap File Input Example</h1>
            </div>
            <form enctype="multipart/form-data">
                <input id="upload" class="file" type="file" multiple data-min-file-count="1">
                <br>
            </form>


            
    </body>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="../js/fileinput.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script>
    
    $("#upload").fileinput({

        // 

    });

    </script>
</html>

【问题讨论】：

标签： jquery twitter-bootstrap

【解决方案1】：

我终于明白了……

它不能像那样开箱即用....它必须从真实服务器中提取...例如从 apache 或 nginx 或 xampp 或 mamp

【讨论】：