打開文件的方法有不少,可是彷佛都是要引入插件之類的,再者就是直接用iframe
直接更換地址,可是,最近在某個大廠,他門用了一個很奇怪的方法(多是我太菜了,沒想過這種用法),感受很簡單app
showFile(file: FileType) { let link = document.createElement('a'); link.style.display ='none'; link.href = file.url; document.body.appendChild(link); link.click(); window.URL.revokeObjectURL(link.href); }
file 是傳輸的文件 ``` FileType 是後置類型
interface FileType { url:string; name:string; size:number; }
而後直接放入點擊事件裏面 便可加載初 excel ,pdf 等部分文件 可是若是直接用a 標籤 href = url 這種方式 點擊就會直接下載,而不是預覽 感受 ``` window.URL.revokeObjectURL(link.href)