如何獲取文件名和文件內容

Question

我有以下 3 個 javascript 例程：

function readFile(file, onLoadCallback) {
    var reader = new FileReader();
    reader.onload = onLoadCallback;
    reader.readAsDataURL(file);
}

function processfile(filename, filecontent) {
    //finish working here
    PageMethods.setFile(filename, filecontent);
}

$('#div').on(
    'drop',
    function (e) {
        if (e.originalEvent.dataTransfer) {
            if (e.originalEvent.dataTransfer.files.length) {
                e.preventDefault();
                e.stopPropagation();
                for (var i = 0; i < e.originalEvent.dataTransfer.files.length; i++) {
                    readFile(e.originalEvent.dataTransfer.files[i], function (e2) {
                        processfile('', e2.target.result); // how to set the actual filename as the first parameter?
                    });
                }
            }
        }
    }

首先，我調用一個 drop function 循環遍歷已刪除的文件並在回調例程中獲取內容。 最后處理文件到 c# - 但我無法將文件名發送到 function 處理文件。

因此，我問如何將文件名從回調發送到該例程？ 一切似乎都很好 - 除了文件名:-(

此致，

邁克爾

Answer 1

它在文件本身中：

function readFile(file, onLoadCallback) {
  var reader = new FileReader();
  
  reader.onload = function () {
    onLoadCallback(file.name, reader.result);
  };
  reader.readAsDataURL(file);
}

// ...
for (var i = 0; i < e.originalEvent.dataTransfer.files.length; i++) {
  var file = e.originalEvent.dataTransfer.files[i];
  
  readFile(file, function (filename, content) {
    processfile(filename, content);
  });
}
// ...