Javascript getfile而不是php

时间:2015-06-30 16:46:26

标签: javascript php xmlhttprequest multipartform-data

我尝试使用XHR作为键/值对发送表单

我偶然发现了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;
?>

1 个答案:

答案 0 :(得分:-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>