js File对象转Image对象
时间: 2023-06-30 22:10:52 浏览: 140
文件转图片
要将JS中的File对象转换为Image对象,您可以使用`FileReader`和`Image`对象。以下是一个简单的示例:
```javascript
// 获取File对象
const fileInput = document.querySelector('input[type="file"]');
const file = fileInput.files[0];
// 创建FileReader对象
const reader = new FileReader();
reader.readAsDataURL(file);
// 将File对象转换为Image对象
reader.onload = function(event) {
const image = new Image();
image.src = event.target.result;
document.body.appendChild(image);
}
```
这将从文件输入元素中获取File对象,然后使用`FileReader`对象将其读取为Base64编码的数据URL。接下来,将该URL分配给新创建的Image对象的`src`属性。最后,将Image对象添加到页面中。
请注意,这种方法仅适用于图像文件。如果您尝试将非图像文件转换为Image对象,则会出现错误。
阅读全文