JS createObjectURL简介

在Web开发中，JS createObjectURL是一个常用的方法，它可以通过Blob或File对象创建一个URL，用于在浏览器中显示或下载文件。它经常用于在网页中预览图片、音频、视频等文件，或者生成动态下载链接。

## 使用createObjectURL创建URL对象

使用createObjectURL方法非常简单，只需要传入一个Blob或File对象作为参数即可。例如，可以通过以下代码创建一个图片预览：

```javascript

var blob = new Blob(["

Hello World

"], {type: "text/html"});

var url = window.URL.createObjectURL(blob);

```

## 在HTML中显示或下载文件

一旦创建了URL对象，就可以将它用作img标签的src属性，或者将它用作a标签的href属性进行下载。例如，可以通过以下代码在网页中显示图片：

```javascript

var img = document.createElement("img");

img.src = url;

document.body.appendChild(img);

```

## 释放资源

使用createObjectURL创建的URL对象在使用完后需要及时释放，以避免内存泄漏。可以通过调用revokeObjectURL方法来释放资源，例如：

```javascript

window.URL.revokeObjectURL(url);

```

总结

JS createObjectURL是一个非常实用的方法，可以方便地在网页中预览或下载文件。但是需要注意及时释放资源，以确保页面性能和稳定性。希望本文能够帮助你更好地理解和使用createObjectURL方法。