html 值正在截断我的字符串

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??

有人可以向我解释我在截断这些数据方面做错了什么吗？

谢谢，

Answer 1

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

我建议你把你的价值储存在另一个地方！

---

编辑：

实现因浏览器而异：在 FF (v32) 上，我的长度可以大于 524288（我已经测试到 10.000.000），但在 Chrome 上，即使我们增加了maxlength 属性，它也被限制为 524288 .

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