如何获取上传文件的名称

Question

我正在使用 Krajee (http://plugins.krajee.com/file-input/plugin-options) 编写的引导文件上传插件。我正在尝试获取上传文件的名称。我没有看到它的方法。我该如何管理？

Answer 1

查看引导文件上传文档（特别是事件），我发现当您上传文件时，它还会加载它的预览（如果您启用了该选项）。发生这种情况时，它会发出以下事件：

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

第二个参数file 实际上是一个具有 name 属性的 Javascript 对象，正如文档在此处所述：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/en-US/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
});