将文件内容存储在表中（html table tr td）jquery

Question

我想通过将每个文件内容上传/添加到表中来在数据库中插入多个文件，然后在将所有文件添加到表中之后，我添加表的值，包括我传递给 ajax 的表单数据中的文件内容。我试过了

var file = $('#file')[0].files[0];
//var file = document.getElementById('file').files[0];
var name = file.name;
var size = file.size;
var type = file.type;
var blob = new Blob([file], {
    type: "application/octet-binary"
});
var filecontent = blob;

Here i used the value of filecontent to be passed to ajax but in php the condition if(!empty($_FILES) remaind false)

并且在console.log 文件内容看起来像[object Blob] 我想要实现我的主要目标，即存储到数据库我已经问过一个问题。我可以找到here 这就是我问第一个的问题。

我的问题是如何将文件内容存储到变量中，在这种情况下将$('#file')[0].files[0] 的值存储到file。

UPDATE

当我使用var file = $('#file')[0].files[0]; 的值时，我仍然得到同样的错误

UPDATE

是否可以将input:file 存储到table td 或input 或any other element 并在需要时重复使用该文件

Answer 1

要将文件的内容存储到变量中，您首先需要读取它们，因此您必须使用 FileReader。

例如readAsText()方法语法：

instanceOfFileReader.readAsText(blob[, encoding]);

readAsText方法用于读取指定的内容 Blob 或文件。当读操作完成时，readyState 为 改为DONE，loadend被触发，result属性 包含文件内容作为文本字符串。

因此您可以将结果存储到您的变量中。