js读取文件并获取文件内容
时间: 2023-08-01 12:07:37 浏览: 188
js 读取文件
可以使用HTML5的File API来读取文件并获取文件内容,具体步骤如下:
1. 获取input type=file元素
```html
<input type="file" id="inputFile">
```
2. 使用JavaScript获取file对象
```javascript
const file = document.getElementById('inputFile').files[0];
```
3. 使用FileReader读取文件内容
```javascript
const reader = new FileReader();
reader.readAsText(file);
reader.onload = function() {
const content = reader.result; // 文件内容
console.log(content);
};
```
上面的代码将文本文件以字符串形式读取,如果需要以二进制形式读取,可以将 `readAsText` 改为 `readAsArrayBuffer`。
如果要读取图片、音频、视频等二进制文件,则可以使用 `readAsDataURL` 方法,将文件内容转换为Base64编码的数据URL,然后再通过img、audio、video等标签展示文件内容。
阅读全文