解决使用 `` 上传文件时 `value` 获取到的是 `fakePath` 的问题

在使用 <input type='file'> 元素上传文件时，有时会遇到一个问题：通过 JavaScript 获取到文件的 value 属性时，得到的是文件的 fakePath 而不是实际的文件路径。这通常是由于浏览器的安全限制所导致的。
在大多数现代浏览器中，为了保护用户隐私和安全，不允许直接访问文件系统中的文件路径。因此，当你试图通过 JavaScript 获取到 <input type='file'> 元素的 value 属性时，得到的是文件的唯一标识符（通常是 fakePath）而不是实际的文件路径。
要解决这个问题，你可以使用以下方法之一：

1. 使用 FormData 对象：FormData 对象可以用来构建一个键值对的集合，其中键是表单元素的名称，值是表单元素的值。通过将文件添加到 FormData 对象中，你可以在发送请求时将文件一起发送给服务器。以下是一个示例代码：

   var formData = new FormData();
   var fileInput = document.getElementById('file-input');
   var file = fileInput.files[0];
   formData.append('file', file);
   var xhr = new XMLHttpRequest();
   xhr.open('POST', '/upload-endpoint', true);
   xhr.send(formData);

   在服务器端，你可以从请求中获取到文件数据并进行处理。
2. 使用 FileReader 对象：如果你需要在客户端对文件进行处理，可以使用 FileReader 对象来读取文件内容。以下是一个示例代码：

   var fileInput = document.getElementById('file-input');
   var file = fileInput.files[0];
   var reader = new FileReader();
   reader.readAsDataURL(file);
   reader.onload = function() {
   var fileData = reader.result;
   // 在这里可以对文件数据进行处理
   };

   在上面的代码中，FileReader 对象将文件读取为一个 data URL，你可以使用这个 data URL 对文件数据进行处理。请注意，由于 data URL 的长度有限制，因此对于大文件可能无法使用此方法。
   总结起来，要解决使用 <input type='file'> 上传文件时 value 获取到的是 fakePath 的问题，你可以使用 FormData 对象或 FileReader 对象来处理文件数据。根据具体需求选择适合的方法，并确保在服务器端正确处理上传的文件数据。