浏览器不允许直接访问本地文件
解决:设置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文件了