window.createOjcectURL 方法
时间: 2023-11-11 15:02:54 浏览: 41
`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` 属性,以便在页面中预览这个图像。
相关问题
window.addEventListener 使用方法
window.addEventListener() 方法用于向指定窗口添加事件句柄。该方法接受三个参数:事件类型、事件处理程序和一个布尔值,指定事件是否在捕获或冒泡阶段执行。以下是使用 window.addEventListener() 方法的示例:
```javascript
// 添加事件监听器
window.addEventListener("resize", function(){
console.log("窗口大小已更改");
});
// 移除事件监听器
window.removeEventListener("resize", function(){
console.log("窗口大小已更改");
});
```
window.console.log方法
`window.console.log()` 方法是 JavaScript 中用于在控制台输出日志信息的函数。它接受任意数量的参数,将它们以空格分隔并输出到控制台。例如:
```javascript
console.log("Hello", "world!");
```
在控制台上输出的结果为:
```
Hello world!
```
除了 `log()` 方法,`console` 对象还提供了许多其他的方法,如:
- `console.error()`:用于输出错误信息。
- `console.warn()`:用于输出警告信息。
- `console.info()`:用于输出提示信息。
- `console.debug()`:用于输出调试信息。
这些方法的使用方式与 `console.log()` 方法类似。