摘要:最近項(xiàng)目中用到了文件在線預(yù)覽功能,文件類型大概有圖片視頻等等,總結(jié)梳理了一下,分享給大家。文件類型在線文檔推薦使用,簡單易用。而原生的的元素支持三種視頻格式,所以我們需要更強(qiáng)大支持更多視頻在線播放,第三方擴(kuò)展庫。
PDF 文件類型最近項(xiàng)目中用到了文件在線預(yù)覽功能,文件類型大概有圖片、視頻、PDF、PPT、Excel、Word 等等,總結(jié)梳理了一下,分享給大家。
jquery.media.js
在線文檔:http://jquery.malsup.com/media/
pdf.js
推薦使用 jquery.media.js,簡單易用。
PPT、Excel、Word文件類型不需要使用任何第三家擴(kuò)展,使用 Office 官方提供的 Office Web Viewer 即可.
https://view.officeapps.live.com/op/view.aspx?src={yourFileOnlinePath}
視頻常見的視頻格式有:mp4、flv、avi、mpge、3gp、h264 等等,這些格式的區(qū)別就不再贅述了。
而 H5 原生的的 video 元素支持三種視頻格式 Ogg、MPEG 4、WebM,所以我們需要更強(qiáng)大、支持更多視頻在線播放,第三方擴(kuò)展庫。
在這里推薦使用 B 站開源的視頻播放插件 flv,一個(gè)輕量級、純 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 標(biāo)簽足以支持 png、jpeg、jpg、gif 格式的圖片,但是關(guān)于圖片,我們都可以經(jīng)常看到這樣的功能,點(diǎn)擊圖片,彈出圖片放大的模態(tài)窗口。
給大家推薦一個(gè)非常好用的插件,Bootstrap Lightbox
lightbox module for Bootstrap that supports images, YouTube videos, and galleries - built around Bootstrap"s Modal plugin.
lightbox 組件是構(gòu)建于 Bootstrap"s Modal 組件之上,支持圖片、YouTube 視頻以及畫廊(幻燈片效果)。
如果你也有什么文件預(yù)覽的奇淫巧技,來一起分享
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/51556.html
摘要:最近項(xiàng)目中用到了文件在線預(yù)覽功能,文件類型大概有圖片視頻等等,總結(jié)梳理了一下,分享給大家。文件類型在線文檔推薦使用,簡單易用。而原生的的元素支持三種視頻格式,所以我們需要更強(qiáng)大支持更多視頻在線播放,第三方擴(kuò)展庫。 最近項(xiàng)目中用到了文件在線預(yù)覽功能,文件類型大概有圖片、視頻、PDF、PPT、Excel、Word 等等,總結(jié)梳理了一下,分享給大家。 PDF 文件類型 jquery.medi...
摘要:文章目錄隱藏第一迅捷轉(zhuǎn)換器的版本介紹第二迅捷轉(zhuǎn)換器的功能體驗(yàn)第一迅捷轉(zhuǎn)換器的版本介紹老蔣有看到,迅捷轉(zhuǎn)換器的版本有多個(gè)版本。而且老蔣有在體驗(yàn)這款迅捷轉(zhuǎn)換軟件的時(shí)候,速度確實(shí)提高不少,那種在線轉(zhuǎn)換的時(shí)候速度特別慢。由于工作的需要,我們很多網(wǎng)友朋友可能會希望將PDF文件格式轉(zhuǎn)換成Word、PPT、TXT 或者 Excel等格式。我們一般是用什么軟件操作的呢?比如老蔣每次遇到這樣的需求,就會找網(wǎng)上...
摘要:使用提供的在線預(yù)覽功能后面接你需要預(yù)覽的文件下載地址如果不能實(shí)現(xiàn)預(yù)覽功能提示報(bào)錯(cuò)請檢查返回的是否正確當(dāng)從瀏覽器返回一個(gè)文件時(shí)需要指定以下是對應(yīng)的值參考鏈接在線預(yù)覽文檔文件對應(yīng)的解決記錄原來網(wǎng)站中有個(gè)需要是下載最開始實(shí)現(xiàn)的時(shí)候是 使用office提供的在線預(yù)覽功能https://view.officeapps.live....src后面接你需要預(yù)覽的文件下載地址.如果不能實(shí)現(xiàn)預(yù)覽功能,提...
摘要:使用提供的在線預(yù)覽功能后面接你需要預(yù)覽的文件下載地址如果不能實(shí)現(xiàn)預(yù)覽功能提示報(bào)錯(cuò)請檢查返回的是否正確當(dāng)從瀏覽器返回一個(gè)文件時(shí)需要指定以下是對應(yīng)的值參考鏈接在線預(yù)覽文檔文件對應(yīng)的解決記錄原來網(wǎng)站中有個(gè)需要是下載最開始實(shí)現(xiàn)的時(shí)候是 使用office提供的在線預(yù)覽功能https://view.officeapps.live....src后面接你需要預(yù)覽的文件下載地址.如果不能實(shí)現(xiàn)預(yù)覽功能,提...
關(guān)于 PHP 導(dǎo)出 excel csv 常用的有 PHPexcel ,本文整理了一些其他方案。 高性能 Excel 擴(kuò)展 sudo apt-get install -y zlib1g-dev git clone https://github.com/jmcnamara/libxlsxwriter.git cd libxlsxwriter make && sudo make install // ...
閱讀 3338·2022-01-04 14:20
閱讀 3106·2021-09-22 15:08
閱讀 2188·2021-09-03 10:44
閱讀 2314·2019-08-30 15:44
閱讀 1490·2019-08-29 18:40
閱讀 2654·2019-08-29 17:09
閱讀 2988·2019-08-26 13:53
閱讀 3220·2019-08-26 13:37