file-upload - 如何获取上传文件的名称

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
});