摘要:最近项目中用到了文件在线预览功能,文件类型大概有图片视频等等,总结梳理了一下,分享给大家。文件类型在线文档推荐使用,简单易用。而原生的的元素支持三种视频格式,所以我们需要更强大支持更多视频在线播放,第三方扩展库。
PDF 文件类型最近项目中用到了文件在线预览功能,文件类型大概有图片、视频、PDF、PPT、Excel、Word 等等,总结梳理了一下,分享给大家。
jquery.media.js
在线文档:http://jquery.malsup.com/media/
pdf.js
推荐使用 jquery.media.js,简单易用。
PPT、Excel、Word文件类型不需要使用任何第三家扩展,使用 Office 官方提供的 Office Web Viewer 即可.
https://view.officeapps.live.com/op/view.aspx?src={yourFileOnlinePath}
视频常见的视频格式有:mp4、flv、avi、mpge、3gp、h264 等等,这些格式的区别就不再赘述了。
而 H5 原生的的 video 元素支持三种视频格式 Ogg、MPEG 4、WebM,所以我们需要更强大、支持更多视频在线播放,第三方扩展库。
在这里推荐使用 B 站开源的视频播放插件 flv,一个轻量级、纯 JavaScript 的视频播放插件。
flv.js An HTML5 Flash Video (FLV) Player written in pure JavaScript without Flash. LONG LIVE FLV!
支持的浏览器: Chrome, FireFox, Safari 10, IE11 and Edge.
图片H5 的 img 标签足以支持 png、jpeg、jpg、gif 格式的图片,但是关于图片,我们都可以经常看到这样的功能,点击图片,弹出图片放大的模态窗口。
给大家推荐一个非常好用的插件,Bootstrap Lightbox
lightbox module for Bootstrap that supports images, YouTube videos, and galleries - built around Bootstrap"s Modal plugin.
lightbox 组件是构建于 Bootstrap"s Modal 组件之上,支持图片、YouTube 视频以及画廊(幻灯片效果)。
如果你也有什么文件预览的奇淫巧技,来一起分享
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/26131.html
摘要:最近项目中用到了文件在线预览功能,文件类型大概有图片视频等等,总结梳理了一下,分享给大家。文件类型在线文档推荐使用,简单易用。而原生的的元素支持三种视频格式,所以我们需要更强大支持更多视频在线播放,第三方扩展库。 最近项目中用到了文件在线预览功能,文件类型大概有图片、视频、PDF、PPT、Excel、Word 等等,总结梳理了一下,分享给大家。 PDF 文件类型 jquery.medi...
摘要:文章目录隐藏第一迅捷转换器的版本介绍第二迅捷转换器的功能体验第一迅捷转换器的版本介绍老蒋有看到,迅捷转换器的版本有多个版本。而且老蒋有在体验这款迅捷转换软件的时候,速度确实提高不少,那种在线转换的时候速度特别慢。由于工作的需要,我们很多网友朋友可能会希望将PDF文件格式转换成Word、PPT、TXT 或者 Excel等格式。我们一般是用什么软件操作的呢?比如老蒋每次遇到这样的需求,就会找网上...
摘要:使用提供的在线预览功能后面接你需要预览的文件下载地址如果不能实现预览功能提示报错请检查返回的是否正确当从浏览器返回一个文件时需要指定以下是对应的值参考链接在线预览文档文件对应的解决记录原来网站中有个需要是下载最开始实现的时候是 使用office提供的在线预览功能https://view.officeapps.live....src后面接你需要预览的文件下载地址.如果不能实现预览功能,提...
摘要:使用提供的在线预览功能后面接你需要预览的文件下载地址如果不能实现预览功能提示报错请检查返回的是否正确当从浏览器返回一个文件时需要指定以下是对应的值参考链接在线预览文档文件对应的解决记录原来网站中有个需要是下载最开始实现的时候是 使用office提供的在线预览功能https://view.officeapps.live....src后面接你需要预览的文件下载地址.如果不能实现预览功能,提...
关于 PHP 导出 excel csv 常用的有 PHPexcel ,本文整理了一些其他方案。 高性能 Excel 扩展 sudo apt-get install -y zlib1g-dev git clone https://github.com/jmcnamara/libxlsxwriter.git cd libxlsxwriter make && sudo make install // ...
阅读 985·2021-09-26 10:15
阅读 2063·2021-09-24 10:37
阅读 2579·2019-08-30 13:46
阅读 2630·2019-08-30 11:16
阅读 2419·2019-08-29 10:56
阅读 2591·2019-08-26 12:24
阅读 3472·2019-08-23 18:26
阅读 2661·2019-08-23 15:43