首页html Blob使用

html Blob使用

时间: 2023-12-23 08:26:51 浏览: 219

HTML中的Blob对象可以用于在浏览器中生成和下载文件。以下是一个使用Blob对象生成和下载文本文件的示例： ```html <!DOCTYPE html> <html> <body> <button onclick="downloadFile()">下载文件</button> <script> function downloadFile() { var text = "这是一个文本文件的内容。"; var data = new Blob([text], {type: 'text/plain'}); // 创建一个下载链接 var url = window.URL.createObjectURL(data); // 创建一个a标签并设置下载链接 var link = document.createElement('a'); link.href = url; link.download = 'text.txt'; // 将a标签添加到页面中并模拟点击 document.body.appendChild(link); link.click(); // 释放URL对象 window.URL.revokeObjectURL(url); } </script> </body> </html> ``` 在上面的示例中，我们首先创建了一个Blob对象，然后使用`window.URL.createObjectURL()`方法创建了一个下载链接。接着，我们创建了一个a标签并将下载链接设置为其href属性，将a标签添加到页面中并模拟点击，从而实现了文件的下载。最后，我们使用`window.URL.revokeObjectURL()`方法释放了URL对象。

阅读全文