js文件---file和fileReafer对象

在JavaScript中，File对象是一个特殊类型的对象，它表示文件或文件的一部分，通常来自用户在一个<input>元素中选择文件后的FileList对象。File对象提供了几个属性和方法，可以用来访问文件的信息，并且可以将文件内容读取为一个Blob。

FileReader对象允许Web应用程序异步读取存储在用户计算机上的文件的内容。

以下是创建File对象和使用FileReader对象读取文件内容的示例代码：

// 假设用户通过<input type="file" id="fileInput">选择了一个文件
const input = document.getElementById('fileInput');
 
// 当文件被选中时触发
input.addEventListener('change', function(e) {
  const file = e.target.files[0]; // 获取选中的文件
 
  // 创建FileReader实例
  const reader = new FileReader();
 
  // 文件读取成功完成后触发
  reader.onload = function(e) {
    const contents = e.target.result;
    console.log('文件内容:', contents);
  };
 
  // 以DataURL的形式读取文件
  reader.readAsDataURL(file);
});

在这个例子中，当用户通过文件输入选择一个文件后，我们创建了一个FileReader实例，并在文件读取成功完成后，通过reader.onload回调函数获取文件内容。这里使用了readAsDataURL方法来读取文件，它会将文件内容转换为一个Base64编码的字符串。