Javascript getfile 而不是 php

Question

我正在尝试使用 XHR 发送表单 key/value 对

我偶然发现了这个blog:

不过，我不想用PHP。有人熟悉如何用 Javascript 做到这一点吗？具体如何读取服务器上的表单？

换句话说，如何将以下内容转换为 Javascript 文件？

<?php
    $fileName = $_FILES['blobbie']['name'];
    $fileType = $_FILES['blobbie']['type'];
    $fileContent = file_get_contents($_FILES['blobbie']['tmp_name']);
    $dataURL='data:'.$fileType.';base64,'.base64_encode($fileContent);
    echo $dataURL;
?>

Answer 1

由于只是简单的操作，服务器端不需要文件，客户端JavaScript即可搞定。

document.getElementById("filePicker").addEventListener("change", function(evt) {
  var reader = new FileReader();
  reader.onload = function(readerEvt) {
    document.getElementById("base64").value = btoa(readerEvt.target.result);
  };
  reader.readAsBinaryString(evt.target.files[0]);
}, false);

<input type="file" id="filePicker"><br><br>
<textarea id="base64" cols="50" rows="5"></textarea>

Javascript getfile 而不是 php

Javascript getfile rather than php

javascript

php

multipartform-data

xmlhttprequest