chrome js 获取本地文件

Chrome浏览器通过JavaScript获取本地文件可以使用HTML5中的File API。File API提供了一种机制，允许浏览器通过JavaScript访问用户本地文件系统中的文件。

要获取本地文件，首先要使用<input type="file">元素创建一个文件上传表单。然后，通过JavaScript监听文件选择事件，并获取所选文件的引用。

下面是一个简单的示例代码：

HTML部分：

<input type="file" id="fileInput">
<button onclick="handleFile()">获取文件</button>

JavaScript部分：

function handleFile() {
  var fileInput = document.getElementById('fileInput');
  var file = fileInput.files[0];
  
  // 对获取到的文件进行操作，比如读取文件内容等
  // 可以使用File API提供的方法进行读取操作
  
  // 示例：读取文件内容
  var reader = new FileReader();
  reader.onload = function(e) {
    var fileContent = e.target.result;
    console.log(fileContent);
  };
  
  reader.readAsText(file); // 以文本形式读取文件内容
}

在上面的代码中，我们通过getElementById()方法获取输入元素的引用，并通过files属性获取所选择的文件。接下来，我们创建一个FileReader对象，通过其readAsText()方法读取文件内容。读取完成后，可以通过onload事件回调函数获取文件内容。

需要注意的是，由于浏览器的安全限制，只有用户手动选择的文件才能通过这种方式进行读取。此外，HTML页面必须在本地服务器上运行，而不能直接打开本地文件进行测试。

总而言之，Chrome通过JavaScript获取本地文件可以使用File API，该API提供了一种机制来访问用户本地文件系统中的文件。通过<input type="file">元素监听文件选择事件，并使用FileReader对象读取文件内容。