Question

因此,我有一个“File”物体(通过处理文件拖拉和从桌面上 drop出)。我可以向服务器寄送文件,然后将文件退回,以备处理。但是,如果不这样做,能否阅读其内容?

Here, play around with this fiddle. Drag any file to the box and use the variable file.

我已经尝试了这个目标的所有方法。你们能否拿到你刚被拖入浏览器的文件内容?

PS:我向服务器发送文件,如:

var ajaxRequest = new XMLHttpRequest();
ajaxRequest.open("returnRawPostData.php");
ajaxRequest.send(file);

我可能已经错过上述法典中的内容,但这只是因为有人不使用简明的JAJAX电话。

Answer 1

利用Martin Mally链接 (胜诉) 我来到这里:

var file = e.dataTransfer.files[0],
    read = new FileReader();

read.readAsBinaryString(file);

read.onloadend = function(){
    console.log(read.result);
}

保存档案内容。

Answer 2

I think it s possible; check these two articles:

这两架飞机在上载到服务器之前,都通过联合材料/超文本使用“透射”文档。 (如图片转录等) 我希望它能够提供帮助。

Answer 3

现代浏览器现在可以使用<条码>Blob.text(的APIC,该文本提供了一种基于承诺的阅读文档方法。

文档List(inputElement.files)内的每一项目都是Blob的事例,意思是,我们可以将文件List内任何项目的.text(改为案文。

如果你熟悉《同义法典》和诺言的话,这并不像建立档案和运用事件那样简单。

async function readTextFromFileInput(input: HTMLInputElement): Promise<string | void> {
  if (input.files?.length !== 1) {
    // No file selected...
    return;
  }

  return await input.files[0].text();
}

Answer 4

我刚才的讲话

let reader = new FileReader();
reader.readAsText(your_file_object);

reader.onload = function() {
    console.log(reader.result);  // prints file contents
};

友情链接