createobjecturl 用法
时间: 2023-04-30 19:00:07 浏览: 72
createObjectURL 是一个 JavaScript API,用于创建一个 URL 对象,该对象可以用于引用 Blob 或 File 对象。通过该 API 创建的 URL 对象可以用于在浏览器中显示或下载 Blob 或 File 对象。使用该 API 的基本步骤是:先创建一个 Blob 或 File 对象,然后使用 createObjectURL 方法创建一个 URL 对象,最后将 URL 对象用于显示或下载 Blob 或 File 对象。使用完 URL 对象后,应该调用 revokeObjectURL 方法释放资源。
相关问题
如何使用createObjectURL方法?
createObjectURL方法可以用于生成一个Blob对象或者File对象的URL,以便于在浏览器中预览这些对象。使用方法如下:
1. 创建一个Blob对象或者File对象。
2. 使用createObjectURL方法生成URL。
3. 将生成的URL赋值给img标签的src属性或者a标签的href属性即可。
举个例子,如果我们有一个input标签用于上传图片,可以使用以下代码实现本地预览:
```
<input type="file" onchange="previewImage(this)">
<img id="preview">
<script>
function previewImage(fileInput) {
var file = fileInput.files[0];
var url = URL.createObjectURL(file);
var img = document.getElementById("preview");
img.src = url;
}
</script>
```
在这个例子中,我们通过createObjectURL方法生成了一个URL,然后将这个URL赋值给img标签的src属性,从而实现了本地图片预览。
createObjectURL
createObjectURL是一个用于创建指向File对象或Blob对象的URL的API。它可以用于在浏览器中预览或下载文件,也可以用于将文件上传到服务器。
使用方法如下:
```javascript
const url = window.URL.createObjectURL(file);
```
其中,file是一个File对象或Blob对象。
需要注意的是,使用完毕后,需要调用URL.revokeObjectURL()方法来释放内存。