1. 程式人生 > >前端實現文件在線預覽txt,pdf,doc,xls,ppt幾種格式

前端實現文件在線預覽txt,pdf,doc,xls,ppt幾種格式

clas height ive 文件 div ppt .text 標簽 100%

使用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幾種格式