Question

是否可以在执行任何操作之前预览在输入字段中选择的文件？

离。我将上传一个文本文件，所以我会选择它然后在我点击上传按钮之前我想在表格中预览文本文件或类似的东西。

Answer 1

正如@RichardTheobald所提到的，PHP上传文件之前无法预览文件是可能的，但是，使用JavaScript是可以的。

要在使用JavaScript上传文本文件之前阅读该文本文件，您需要使用FileReader对象。您将能够从<input type="file">元素中获取文件列表，并将每个文件列入FileReader。 HTML5Rocks有一篇关于阅读本地文件的文章很好，我在JSFiddle中已经适应了这个问题。

input.addEventListener("change", function(e) {
    var file = e.target.files[0];

    // Only render plain text files
    if (!file.type === "text/plain")
        return;

    var reader = new FileReader();

    // Once the FileReader loads, pop the result into an output element
    reader.onload = function(event) {
        document.getElementById("output").innerText = event.target.result;
    };

    reader.readAsText(file);
});

从文件输入字段php预览文件

1 个答案: