springboot整合pdfobject 预览pdf文件 出现 Not allowed to load local resource : file:///c:/xxxx.pdf 报错的问题解决

该博客介绍了如何解决浏览器无法直接访问本地文件的问题,通过在SpringBoot中设置虚拟目录来实现。配置WebMvcConfigurerAdapter以添加静态资源访问路径,然后在JS中使用Ajax获取文件路径,并利用PDFObject库将服务器上的PDF文件嵌入到网页中展示。
摘要由CSDN通过智能技术生成

浏览器不允许直接访问本地文件

解决:设置springboot虚拟目录

@Configuration
public class WebMvcConfig extends WebMvcConfigurerAdapter {

    /**
     * 添加静态资源访问路径
     * @param registry
     */
    @Value("${pdf-path}")
    private String pdfPath;
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/pdf/**")
                // 用户文件的路径
                .addResourceLocations(pdfPath);
    }
}

JS调用

<script type="application/javascript">

    $(function() {
        var id = $("#id").val()
        $.ajax({
            type: "GET",
            data: {id},
            url: "/upload/queryFileById",
            success: function (data) {

                console.log("pdf-url",data.data.url);
                PDFObject.embed('http://localhost/pdf/'+data.data.fileName, '#pdfview');

            },
            error: function () {
                layer.alert("操作请求错误,请您稍后再试", function () {
                    layer.closeAll();
                    //加载load方法
                    // load();//自定义
                });
            }
        });
    });
</script>

div进行显示

<div id="pdfview" style="height: 100%" ></div>

这样就可以显示服务器上的pdf文件了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值