window.URL.createObjectURL的参数
时间: 2023-11-11 15:54:50 浏览: 35
`window.URL.createObjectURL` 方法的参数可以是以下几种类型:
1. `File` 对象:表示一个本地文件,可以通过文件选择器或者拖放操作获取。
2. `Blob` 对象:表示一个二进制数据块,可以是从其他来源获取的,例如通过 `XMLHttpRequest` 或 `fetch` 获取的数据。
3. `MediaSource` 对象:表示一个媒体资源,例如音频或视频。
4. `MediaStream` 对象:表示一个媒体流,例如通过摄像头或麦克风获取的实时音视频流。
需要注意的是,传入的参数必须是合法的文件或者对象,否则会抛出错误。另外,生成的 URL 是临时的,只在当前窗口打开期间有效,一旦窗口关闭或者页面刷新,URL 就会失效。
以下是一个示例代码:
```javascript
// 创建一个 input 元素用于选择文件
const input = document.createElement('input');
input.type = 'file';
// 监听文件选择事件
input.addEventListener('change', function() {
const file = input.files[0];
// 创建对象URL
const url = window.URL.createObjectURL(file);
console.log('对象URL:', url);
});
// 将 input 元素添加到页面中
document.body.appendChild(input);
```
上述代码创建了一个 `<input>` 元素,用于选择文件。当用户选择了文件后,监听 `change` 事件,并从 `input.files` 属性中获取文件对象。然后,可以使用 `window.URL.createObjectURL` 方法创建对象 URL,并在控制台中打印出来。