Javascript 不使用输入读取文件

Question

我有这段代码，要将文件转换为 base64，我必须单击“选择文件”，然后选择它。我想对文件名进行硬编码，以便在页面加载时将其转换为 base64。

JavaScript:

var handleFileSelect = function(evt) {
  var files = evt.target.files;
  var file = files[0];

  if (files && file) {
    var reader = new FileReader();

    reader.onload = function(readerEvt) {
      var binaryString = readerEvt.target.result;
      document.getElementById("base64textarea").value = btoa(binaryString);
    };

    reader.readAsBinaryString(file);
  }

  if (window.File && window.FileReader
      && window.FileList && window.Blob) {
    document.getElementById('filePicker')
        .addEventListener('change', handleFileSelect, false);
  } else {
    alert('The File APIs are not fully supported in this browser.');
  }
};

HTML:

<div>
  <div>
    <label for="filePicker">Choose or drag a file:</label><br/>
    <input type="file" id="filePicker">
  </div>
  </br>
  <div>
    <h1>Base64 encoded version</h1>
    <textarea id="base64textarea"
        placeholder="Base64 will appear here"
        cols="50" rows="15">
    </textarea>
  </div>
</div>

编辑:感谢您的回答，它们真的很有帮助。

Answer 1

你根本无法做你想做的事。作为一项安全措施，无法通过 Javascript 设置输入元素的路径。请在这里查看:How to resolve the C:\fakepath?