javascript - html 值正在 chop 我的字符串

Question

在我的页面上，我使用 HTML5 在浏览器上上传文件。该文件是 PDF，必须在 <input type="text"/> 中显示它。

这是我的代码:

var files = evt.target.files; // FileList object

// files is a FileList of File objects. List some properties.
for (var i = 0, f; f = files[i]; i++) {
    console.log(f.name);
    console.log(f.type);
    console.log(f.size);

    //Update document info
    $("#document_filename").find("input").val(f.name);
    $("#document_mimetype").find("input").val(f.type);


    var reader = new FileReader();

    // Closure to capture the file information.
    reader.onloadend = (function(theFile) {
        return function(e) {
        content = e.target.result.replace(/^data:[^;]*;base64,/, "");
        console.log(content.length);
        $("#document_content").find("input").val(content);
        a = document.getElementById("document_content").getElementsByTagName("input")[0];
        a.value = content;
        console.log(a.value.length);
        };
    })(f);

    // Read in the image file as a data URL.
            reader.readAsDataURL(f);

}

当我上传 1.5MB 的大文件时，我的控制台显示:

    contrat.pdf             // The file name
    application/pdf         // The file type
    1510788                 // The file size
    2014384                 // The length of the b64 content
    524288                  // The length of string once inserted in the input box??

有人可以向我解释一下我做错了什么而导致此数据被 chop 吗？

谢谢

Answer 1

如本page所述， input 可能的最大长度至少在 Chrome 上，文本类型似乎是 524288。这就是你所拥有的......

我建议你将你的值存储在另一个地方!

---

编辑:

不同浏览器的实现有所不同:在 FF (v32) 上，我的长度可以大于 524288(我已测试最多 10.000.000)，但在 Chrome 上，即使我们增加 maxlength，它也限制为 524288。属性。

还有一个关于此问题的 WebKit 公开票证:https://bugs.webkit.org/show_bug.cgi?id=44883