3

打开文件的方法有很多,但是似乎都是要引入插件之类的,再者就是直接用iframe 直接更换地址,但是,最近在某个大厂,他门用了一个很奇怪的方法(可能是我太菜了,没想过这种用法),感觉很简单

    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)

wpflying
11 声望1 粉丝

前端工程师的一枚