前端實現文件在線預覽txt,pdf,doc,xls,ppt幾種格式
使用iframe標簽
1.text,pdf的文件預覽
<iframe class="filename" :src="文件的地址" width=‘100%‘ height=‘600‘ frameborder=‘1‘ ></iframe>
2.doc,xls,ppt等office的預覽
<iframe class="filename" :src="https://view.officeapps.live.com/op/view.aspx?src=後面是文件的地址" width=‘100%‘ height=‘600‘ frameborder=‘1‘ ></iframe>
這些格式之外的文件沒有辦法預覽如RAR,ZIP,會直接提醒你下載,基本完成預覽的需求,重點就是預覽文件前,把office文件的路徑配置下,使用微軟提供的在線office預覽
前端實現文件在線預覽txt,pdf,doc,xls,ppt幾種格式
相關推薦
java web通過openoffice實現文件網頁預覽(類似百度文庫)
最近研究了一下在網頁上預覽文件(包括office文件和txt、pdf),發現用openoffice+FlexPlayer實現比較理想,就參考了https://blog.csdn.net/ITBigGod/article/details/80300177#commentBox這個部落格自己研究了一下。原始碼
使用openoffice實現文件線上預覽
下載地址:http://www.openoffice.org/zh-cn/download/ 安裝 wget https://jaist.dl.sourceforge.net/project/openofficeorg.mirror/4.1.6/binaries/zh-CN/Apache_OpenOffi
前端實現文件在線預覽txt,pdf,doc,xls,ppt幾種格式
clas height ive 文件 div ppt .text 標簽 100% 使用iframe標簽 1.text,pdf的文件預覽 <iframe class="filename" :src="文件的地址" width=‘100%‘ height=‘6
基於MVC4+EasyUI的Web開發框架經驗總結(8)--實現Office文件的預覽
在部落格園很多文章裡面,曾經有一些介紹Office文件預覽檢視操作的,有些通過轉為PDF進行檢視,有些通過把它轉換為Flash進行檢視,但是過程都是曲線救國,真正能夠簡潔方便的實現Office文件的預覽的還是比較少,這裡的Office文件包括了Word、Excel、PPT文件。本文介紹兩種方式,一種方式是通過
office(doc,xls,txt,pdf,ppt)文件線上預覽及轉換(office2pdf)
本想用OpenOffice的類, 但OpenOffice的類太複雜了.. Google docs(谷歌文件)也是用的這個商業解決方案.. 當然還有PSVIEW 大家有興趣研究下..是開源的 但是在偷竊的心理作用下..決定利用了下Google的優良服務. 演示地址: ht
[轉] 前端實現文件的斷點續傳
刪除 targe for 以及 use eth 一段 手動 知識 早就聽說過斷點續傳這種東西,前端也可以實現一下 斷點續傳在前端的實現主要依賴著HTML5的新特性,所以一般來說在老舊瀏覽器上支持度是不高的 本文通過斷點續傳的簡單例子(前端文件提交+後端PHP文件
Java Spring Boot 上傳文件和預覽文件地址解析
jar包 tof form loader index res for catch div @RequestMapping(value ="/upload",method = RequestMethod.POST) @Permission(isAjax=fa
confluence上傳文件附件預覽亂碼問題(linux服務器安裝字體操作)
serve 接下來 ati rwx inux 打開 預覽 字庫 這一 在confluence上傳excel文件,預覽時發現亂碼問題主要是因為再上傳文件的時候一般是Windows下的文件上傳,而預覽的時候,是linux下的環境,由於linux下沒有微軟字體,所以預覽的時候
office轉html文件線上預覽
要想實現office文件線上預覽,可以使用紅櫻楓軟體公司開發的資料格式轉換軟體HTML Filter,實現MS Office系列文件到HTML的快速轉換,通過瀏覽器瀏覽HTML的內容。該產品可以將 word轉html, excel轉html, ppt轉html,方便使用者
web前端——實現上傳圖片預覽功能
function previewImage(file) { var MAXWIDTH = 100; var MAXHEIGHT = 100; //var div = document.getElementById('preview'); if
java對office、pdf文件線上預覽解析(融合進專案中)
最近在專案中要做一個文件的預覽,在網上搜了好多demo,都可以實現其功能,但是放在自己的專案中有點複雜。 先說明本人的開發環境(win7+tomcat7+maven+svn+myeclipse),接下來最直觀的專案需求,如下圖: 當用戶點選預覽的時候能看各種文件,其實在這
關於confluence上傳文件附件預覽查看時出現亂碼的問題解決辦法
ascii env ssi x11 要求 c盤 無法識別 ntc 默認自帶 在confluence上傳excel文件,預覽時發現亂碼問題主要是因為再上傳文件的時候一般是Windows下的文件上傳,而預覽的時候,是linux下的環境,由於linux下沒有微軟字體,所以預覽的時
選擇文件時預覽圖片
func hot chan true show nload 預覽 photo light <input id="image" type="file" name="image" onchange="showPhoto(this)"> <img id="
前端Ajax實現預覽TXT文件(相容UTF-8,ANCII,Unicode)
最近在做文件的預覽問題,在做txt的時候,原本是用HTML <object> 標籤,但是讀取的時候亂碼,經查詢資料,知道了原來txt文件預設的是ANCII編碼,解決辦法如下; 一、將ANCII轉Unicode,但是沒有成功, //ASCII 轉換 Unicod
WebForm實現文件上傳,並預覽
image form ict itl lec nbsp style object 是否 實現效果: 頁面代碼: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inh
pdf.js實現文件預覽時報The valid characters are defined in RFC 7230 and RFC 3986錯誤解決辦法
升級tomcat8及更高版本帶來的問題 由於使用get請求,連結中引數攜帶特殊字元,由於Tomcat的新版本中增加了一個新特性,就是嚴格按照 RFC 3986規範進行訪問 解析,而 RFC 3986規範定義了Url中只允許包含英文字母(a-zA-Z)、數字(0-9)、-_.~
(轉)使用PageOffice實現文件(word,excel,pdf)線上預覽編輯
首先自己需要安裝PageOffice控制元件 目前最新版本是4.2 。下載地址是:http://www.zhuozhengsoft.com/dowm/ 其中包括例項程式碼。 1、安裝完後需要給自己的專案新增pageoffice4.jar 和java 新增jar包沒有
vue外掛開發 使用pdf.js實現手機端線上預覽pdf文件
目前大多數PC瀏覽器支援線上預覽pdf檔案,但大多數手機瀏覽器還未支援,嘗試用手機瀏覽器開啟一個pdf檔案會彈出是否下載的提示框。網上查了一些資料,在實現的過程中,還是走了比較多的彎路,最後採用了倍受推薦的pdf.js外掛來實現(文末附Demo)。
使用PageOffice實現文件(word,excel,pdf)線上預覽編輯
4'、線上編輯: /** * 線上編輯 * * @param request * @param response * @param id * @param flag * @return */
apache poi操作office文件----java線上預覽txt、word、ppt、execel,pdf程式碼
在頁面上顯示各種文件中的內容。在servlet中的邏輯 word: BufferedInputStream bis = null; URL url = null; HttpURLConnection httpUrl = null; // 建立連結 u