window.createOjcectURL 方法
时间: 2023-11-11 19:02:54 浏览: 83
`window.createObjectURL()` 方法会创建一个 DOMString,其中包含一个表示参数中给定的对象的 URL。这个 URL 的生命周期与创建它的文档绑定,当文档被卸载时,URL 就会被释放。
一般情况下,这个方法会被用来生成一个指向 `Blob` 或 `File` 对象的 URL,这些对象可以代表二进制数据。
例如,可以使用此方法在浏览器中预览用户选择的图像文件。代码示例:
```javascript
const fileInput = document.getElementById('file-input');
const imgPreview = document.getElementById('img-preview');
fileInput.addEventListener('change', (event) => {
const file = event.target.files[0];
const url = window.URL.createObjectURL(file);
imgPreview.src = url;
});
```
在这个示例中,当用户选择一个图像文件时,会创建一个 `File` 对象,然后使用 `window.URL.createObjectURL()` 方法生成一个指向该文件的 URL,并将该 URL 赋值给一个 `<img>` 元素的 `src` 属性,以便在页面中预览这个图像。
阅读全文