window.URL.createObjectURL 类似方法
时间: 2023-11-11 08:54:50 浏览: 86
H5模仿微信上传图片删除
5星 · 资源好评率100%
类似于 `window.URL.createObjectURL` 的方法是 `URL.createObjectURL`,两者功能相同,都可以用来创建一个指向本地文件或者 `Blob` 对象的 URL。它们的使用方法和参数都是一样的。
以下是使用 `URL.createObjectURL` 方法创建对象 URL 的示例代码:
```javascript
// 创建一个 input 元素用于选择文件
const input = document.createElement('input');
input.type = 'file';
// 监听文件选择事件
input.addEventListener('change', function() {
const file = input.files[0];
// 创建对象URL
const url = URL.createObjectURL(file);
console.log('对象URL:', url);
});
// 将 input 元素添加到页面中
document.body.appendChild(input);
```
上述代码创建了一个 `<input>` 元素,用于选择文件。当用户选择了文件后,监听 `change` 事件,并从 `input.files` 属性中获取文件对象。然后,可以使用 `URL.createObjectURL` 方法创建对象 URL,并在控制台中打印出来。
阅读全文