首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用 pdf.js 在网页中加载 pdf 文件

在网页中加载并显示PDF文件是最常见的业务需求。例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票。(2)电子商务管理系统中查看发布的公文,公文文件一般是PDF格式的文件。 ?...这时就需要专门的JS插件来处理。Mozilla开源了一个插件pdf.js,无需任何本地支持就可以在所有主流的浏览器上显示PDF文档,使用起来十分的方便。唯一的要求就是浏览器必须支持HTML5。...一、pdf.js 简介 官网地址:http://mozilla.github.io/pdf.js/,下载稳定版本,目前最新稳定版为v2.2.228 ? 1、下载至本地: ?...3、在VS中打开viewer.html,引用了查看其的样式文件viewer.css、pdf.js核心文件、查看器脚本文件viewer.js 、资源文件local.properties。 ?...该查看器中默认加载的是 pdf.js 的使用说明书内容。 ? 二、将 pdf.js 集成到项目网页中 将解压缩的内容复制到项目中 ? 有多种方式加载加载并查看pdf文件内容。

42.9K61
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Nginx access日志过滤css,jpg,js日志记录

    介绍 当我们的css,js文件等内容没有通过CDN进行分发时。默认将会通过我们的本地服务器进行加载。例如当前博客网站样式,为了确保稳定。css和js等文件配置全部存储在了本地。...那么我们nginx access日志记录中,就会有大量的重复的css和js文件的日志记录。...可以使用日志筛选记录map进行配置。 PS:上面只是错误的一种写法。并不代表不能用location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|js|css)$ 进行过滤哦。...2.2 日志筛选map 我们在access_log 日志下 添加一个map对象; 配置传参为uri,默认为通过返回1,如果匹配到以下的正则表达式.*....配置完毕后,我们的access日志将会少很多日志。 PS:建议养成log日志的阅读习惯。因为日志文档会记录服务器的各种状态。我们可以根据数据进行及时修复和优化服务器配置。

    3.2K20

    怎样避免Node.js模块的日志污染程序日志

    我们想要什么 理想的日志记录方案能够使模块日志不进入程序或服务的日志记录,但能够在需要时将其打开以进行故障排除。 为此,我将向你展示如何使用 debug 模块来打开或关闭 Node 模块中的日志。...启动应用程序时(即导入该模块的程序),你将会像这样去启动它: DEBUG=http:server node app-entrypoint.js 如果我们希望使用单独的 logger 来切换某些日志怎么办...}).listen(3200, () => { log('listening'); }); 如下所示将会仅打开错误: DEBUG=http:error node app-entrypoint.js...DEBUG=http:* node app-entrypoint.js 让我们看看这些日志现在是什么样的: ? 然后,当我们加载页面时: ?...由于 Express 内部使用了 debug 模块,所以如果你用了 Express 并需要对其进行故障排除,则可以通过运行以下命令打开日志: DEBUG=express:* node your-app-entrypoint.js

    83910

    face-api.js中加入MTCNN:进一步支持使用JS实时进行人脸跟踪和识别

    编译:yxy 出品:ATYUN订阅号 如果你现在正在阅读这篇文章,那么你可能已经阅读了我的介绍文章(JS使用者福音:在浏览器中运行人脸识别)或者之前使用过face-api.js。...如果你还没有听说过face-api.js,我建议你先阅读介绍文章再回来阅读本文。 和往常一样,本文中为你准备了一个代码示例。...使用face-api.js进行人脸检测 到目前为止,face-api.js单独实现了基于SSD Mobilenet v1的CNN进行人脸检测。...所以我们要用到MTCNN,它现在可以在face-ap .js中使用了!MTCNN是一种更轻量级的面部检测器。...示例的完整源代码:https://github.com/justadudewhohacks/face-api.js/blob/master/examples/views/mtcnnFaceRecognitionWebcam.html

    2.5K30
    领券