let fileURL = window.URL.createObjectURL(blob) window.open(fileURL); 怎么让文件能够在浏览器里面预览
时间: 2023-11-11 20:49:18 浏览: 148
要在浏览器中预览文件,你可以使用适当的媒体类型和浏览器支持的预览方法。以下是一些常见的文件类型和相应的预览方法示例:
1. 图片文件(如JPEG、PNG、GIF):可以直接在浏览器中显示。你可以创建一个`<img>`元素,并将`fileURL`作为其`src`属性值。
```javascript
const img = document.createElement('img');
img.src = fileURL;
document.body.appendChild(img);
```
2. 文本文件(如txt、csv、log):可以将文件内容显示在`<pre>`或`<textarea>`元素中。
```javascript
fetch(fileURL)
.then(response => response.text())
.then(text => {
const pre = document.createElement('pre');
pre.textContent = text;
document.body.appendChild(pre);
});
```
3. PDF文件:可以使用PDF.js库来呈现PDF文件。首先,确保在你的HTML文件中引入了PDF.js库,然后使用以下代码:
```javascript
const pdfViewer = document.createElement('iframe');
pdfViewer.src = `https://mozilla.github.io/pdf.js/web/viewer.html?file=${fileURL}`;
pdfViewer.style.width = '100%';
pdfViewer.style.height = '600px';
document.body.appendChild(pdfViewer);
```
这些只是一些常见的文件类型的预览方法示例,具体取决于你要预览的文件类型和浏览器支持的功能。请根据你的需求和文件类型选择适当的方法。
阅读全文