国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

前端js react vue怎么實現(xiàn)在線預覽doc文檔

這篇具有很好參考價值的文章主要介紹了前端js react vue怎么實現(xiàn)在線預覽doc文檔。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

先說結(jié)論:

目前在純前端層面沒有很好的方案,基本都需要服務(wù)端的介入。

1.方案一:使用view.officeapps

優(yōu)點:簡單易用,無需配置

缺點:文檔需要支持外網(wǎng)訪問,且文檔會是公開可見的,所以對于一些內(nèi)部敏感的文檔來說,這個顯然是不可行的。

前端js react vue怎么實現(xiàn)在線預覽doc文檔,筆記,問題,業(yè)務(wù),前端,javascript,react.js

// 把src對應(yīng)的https://filesamples.com/samples/document/doc/sample2.doc換成你自己的文檔地址
<iframe src="http://view.officeapps.live.com/op/view.aspx?src=https://filesamples.com/samples/document/doc/sample2.doc" width="100%" height="600px" frameborder="0"></iframe>

2. 服務(wù)端在不直接返回doc文檔,而是轉(zhuǎn)換成html或者pdf返回

需要后端介入配合

3.使用onlyoffice

onlyoffice地址

這個也要先在服務(wù)器進行部署,具體使用可以查看文檔文章來源地址http://www.zghlxwxcb.cn/news/detail-552773.html

到了這里,關(guān)于前端js react vue怎么實現(xiàn)在線預覽doc文檔的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 前端(vue)js在線預覽PDF、Word、Excel、ppt等office文件

    可選參數(shù) pdf=true,word文檔嘗試以pdf方式顯示,默認false watermark=水印文本,顯示文本水??;“img:”+圖片url表示圖片水印,如:img:https://view.xdocin.com/demo/wm.png saveable=true,是否允許保存源文件,默認false printable=false,是否允許打印,默認true ?able=false,是否允許選擇復制內(nèi)容,

    2024年02月13日
    瀏覽(94)
  • vue - - - - - 在線預覽常見文件格式 .doc, .docx, .xls, .xlsx,.pdf

    vue - - - - - 在線預覽常見文件格式 .doc, .docx, .xls, .xlsx,.pdf

    關(guān)于一些文件的在線預覽,最簡易的實現(xiàn)方式是什么呢? 寫在前面 .png, .jpg, .jpeg 等圖片格式 直接預覽http/https地址 即可 .pdf 文件 直接預覽http/https地址 即可 .doc, .docx, .xls, .xlsx 等類型文件,需要在預覽地址之前拼接上 https://view.officeapps.live.com/op/view.aspx?src= .ofd 等類型文件,需

    2024年02月09日
    瀏覽(62)
  • Vue中使用pdf.js實現(xiàn)在線預覽pdf文件流

    以下是在Vue中使用pdf.js實現(xiàn)在線預覽pdf文件流的步驟: 在需要使用的組件中,使用以下代碼引入pdf.js: 使用pdf.js的 getDocument() 方法加載pdf文件流??梢詫⑽募髯鳛锽lob對象傳遞給該方法。例如,可以使用axios從服務(wù)器獲取pdf文件流: 在 loadPdf() 方法中,使用 getDocument() 方法

    2024年02月09日
    瀏覽(96)
  • 文檔在線預覽(二)word、pdf文件轉(zhuǎn)html以實現(xiàn)文檔在線預覽

    文檔在線預覽(二)word、pdf文件轉(zhuǎn)html以實現(xiàn)文檔在線預覽

    @ 目錄 一、前言 1、aspose 2 、poi + pdfbox 3 spire 二、將文件轉(zhuǎn)換成html字符串 1、將word文件轉(zhuǎn)成html字符串 1.1 使用aspose 1.2 使用poi 1.3 使用spire 2、將pdf文件轉(zhuǎn)成html字符串 2.1 使用aspose 2.2 使用 poi + pbfbox 2.3 使用spire 3、將excel文件轉(zhuǎn)成html字符串 3.1 使用aspose 3.2 使用poi + pdfbox 3.3 使用

    2024年02月06日
    瀏覽(89)
  • 文檔在線預覽(五)在服務(wù)器部署組件來實現(xiàn)在線預覽

    文檔在線預覽(五)在服務(wù)器部署組件來實現(xiàn)在線預覽

    關(guān)于在線預覽的實現(xiàn)方案除了之前說的轉(zhuǎn)圖片、html、pd以及利用前端組件以外方式,還有就是在服務(wù)器端引入一些開源或者商用的組件來實現(xiàn)在線預覽的實現(xiàn)方案。通過這次的調(diào)研找到了kkfileview、OnlyOffice、office online server、Libre Office Online、Collabora Online等五種組件,接下來我

    2024年02月10日
    瀏覽(90)
  • 前端vue3實現(xiàn)本地及在線文件預覽(含pdf/txt/mp3/mp4/docx/xlsx/pptx)

    前端vue3實現(xiàn)本地及在線文件預覽(含pdf/txt/mp3/mp4/docx/xlsx/pptx)

    (一)微軟office免費預覽( 推薦 ) 支持doc/docx/xls/xlsx/ppt/pptx等多種office文件格式的免費預覽 (二)XDOC文檔預覽云服務(wù) ?移動端和PC端無插件預覽PDF、OFD、Word、WPS等多種格式文檔 本地或內(nèi)網(wǎng)預覽需要借助插件實現(xiàn),pdf、mp3、mp4等主要靠原生標簽或瀏覽器自帶功能,盡量減少

    2024年02月05日
    瀏覽(63)
  • 文檔在線預覽(四)將word、txt、ppt、excel、圖片轉(zhuǎn)成pdf來實現(xiàn)在線預覽

    文檔在線預覽(四)將word、txt、ppt、excel、圖片轉(zhuǎn)成pdf來實現(xiàn)在線預覽

    @ 目錄 事前準備 1、需要的maven依賴 添加spire依賴(商用,有免費版,但是存在頁數(shù)和字數(shù)限制,不采用spire方式可不添加) 2、后面用到的工具類代碼: 一、word文件轉(zhuǎn)pdf文件(支持doc、docx) 1、使用aspose方式 2、使用poi方式 3、使用spire方式 二、txt文件轉(zhuǎn)pdf文件 三、PPT文件轉(zhuǎn)

    2024年02月08日
    瀏覽(109)
  • vue-codemirror實現(xiàn)一個前端代碼在線編輯器,可處理 HTML,VUE,JS,CSS代碼在線編輯

    vue-codemirror實現(xiàn)一個前端代碼在線編輯器,可處理 HTML,VUE,JS,CSS代碼在線編輯

    先找個目錄創(chuàng)建一個vue項目 例如 我們想要項目叫 editor 在終端執(zhí)行 2和3其實都可以 但個人建議 最近還是2會更穩(wěn)定一些 在終端執(zhí)行 引入依賴包 然后在項目src目錄下創(chuàng)建 utils 文件夾 里面創(chuàng)建一個setting.js 參考代碼如下 然后 這邊 調(diào)用組件的代碼 因為項目也剛創(chuàng) 我直接寫 s

    2024年02月15日
    瀏覽(32)
  • 前端如何實現(xiàn) Word 在線預覽

    前端如何實現(xiàn) Word 在線預覽 在前端實現(xiàn) Word 文件在線預覽時,常用的方法包括使用第三方庫、瀏覽器插件、后端服務(wù)器、在線文檔轉(zhuǎn)換平臺等,具體如下: 使用第三方庫 常見的前端第三方庫包括 Mammoth.js、Docx.js、jsreport-docx 等。這些庫可以將 Word 文件轉(zhuǎn)換成 HTML 格式,再將

    2023年04月24日
    瀏覽(90)
  • vue實戰(zhàn)--vue+elementUI實現(xiàn)多文件上傳+預覽(word/PDF/圖片/docx/doc/xlxs/txt)

    vue實戰(zhàn)--vue+elementUI實現(xiàn)多文件上傳+預覽(word/PDF/圖片/docx/doc/xlxs/txt)

    ????最近在做vue2.0+element UI的項目中遇到了一個需求:需求是多個文件上傳的同時實現(xiàn)文件的在線預覽功能。需求圖如下: ????看到這個需求的時候,小栗腦袋一炸。并不知道該如何下手,之前的實踐項目中也并沒有遇到相似的功能。因此也廢了一番功夫想要實現(xiàn)這樣一個

    2024年01月23日
    瀏覽(36)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包