javascript - 如何获取存储在javascript文件输入中的文件字典？

Question

现在我有这段代码可以转换 <input type="file" multiple/> 中选择的文件列表到 Base64 列表。

text = $('#input-' + id).val();
var files = document.querySelector('#files' + id + ' > input[type=file]').files;
if (text != '' || files.length > 0) {
    var files_obj = [];
    var reader = new FileReader();
    reader.onload = function(readerEvt) {
        var binaryString = readerEvt.target.result;
        files_obj.push(btoa(binaryString));
    };
    for (var i = 0; i < files.length; i++) {
        reader.readAsBinaryString(files[i]);
    }
    while (files_obj.length < files.length) {}
    $('input[type="file"]').val("");
    files_json = JSON.stringify(files_obj);
    json = '{"action": "message", "from": ' + userId + ', "text": "' + text + '", "room": ' + id + ', "files": ' + files_json + '}';
    socket.send(json);

现在我想将这些文件转换为字典:

files_obj = {"file1.txt": "fIle1bAse64==", "file2.png": "FilE2BaSE64=="}

如何实现？

Answer 1

我认为你想要的是:

var input = document.getElementById(id);
var files = input.files;
var obFiles = {};
for (var i = 0, f; f = files[i]; i++){
    var reader = new FileReader();
    reader.onload = (function(theFile) {
        return function(e){
            obFiles[theFile.name] = e.target.result;
        }
    })(f);
    reader.readAsDataURL(f);
}

我认为它会起作用