如何獲取上傳文件的名稱

Question

我正在使用Krajee（ http://plugins.krajee.com/file-input/plugin-options ）編寫的Bootstrap File Upload插件。 我正在嘗試獲取上傳文件的名稱。 我沒有找到解決方法。 我該如何管理？

Answer 1

查看Bootstrap File Upload文檔（特別是Events），我發現當您上傳文件時，它還會加載其預覽（如果啟用了該選項）。 發生這種情況時，它將發出以下事件：

$('#input-id').on('fileloaded', function(event, file, previewId, index, reader) {
    console.log("fileloaded");
});

第二個參數file實際上是一個具有name屬性的Javascript對象，正如docs在此處所述： https : //developer.mozilla.org/en-US/docs/Web/API/File，因此您可以嘗試以下操作：

$('#input-id').on('fileloaded', function(event, file, previewId, index, reader) {
    console.log(file.name);
});

此處的更多信息： https : //developer.mozilla.org/zh-CN/docs/Web/API/File/name

另外，您可以嘗試查看是否在上傳文件（無論是否預覽）時觸發的change事件是否具有其他參數（文檔中未提供）：

$('#input-id').on('change', function(event) { // add the second parameter file
    console.log("change"); // try to log file.name here and see if it works
});