pdf.js实现文件的预览(同时还附带下载,本地pdf预览等功能)

下载

PDF.js官网下载项目

代码修改

在web目录下新建一个index.html文件

<body>
    <button class="download">下载pdf</button>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        $(function(){
     
     
            $('.download').on('click',function(){
     
     
                axios.interceptors.request.use(function (config) {
     
     
                    // config.headers['Authorization'] = 'Bearer d76e0e17-xxxx-xxxx-xxxx-xxxxxxxxxxxx';
                    return config;
                }, function (error) {
     
     
                    return Promise.reject(error);
                });

                axios.get('http://xxx.xxx.xxx.xxx:xxxx/generate/ReadPDF',{
     
     
                    responseType: 'blob',
                })
                .then(function (response) {
     
     
                    let url = window.URL.createObjectURL(new Blob([response.data], {
     
     type:"application/pdf"}));
                    window.open('viewer.html?file=' + encodeURIComponent(url))
                })
                .catch(function (error) {
     
     
                    console.log(error);
                })
                
            })
        })
    </script>
</body>

猜你喜欢

转载自blog.csdn.net/u013270347/article/details/104755059