Krajee Bootstrap文件输入插件pdf预览在chrome

时间：2016-12-01 14:19:42

标签： jquery twitter-bootstrap

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

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

但在我的本地文件中，它适用于Firefox，但不适用于chrome，我只获得空白预览

喜欢这个

enter image description here

它应该是这样的：

enter image description here

我已经从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>

1 个答案:

答案 0 :(得分：0)

我终于想通了......

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

相关问题
最新问题