如何获取上传文件的文件名

在表单中，可以通过 `input` 元素的 `value` 属性获取文件名，但是在使用 Ajax 上传文件时，由于安全问题，浏览器无法直接获取本地文件的路径和名称，因此需要通过其他方式获取上传文件的文件名。

在使用 `FormData` 对象上传文件时，可以通过 `FormData` 对象的 `get()` 方法获取上传文件的信息，包括文件名、大小、类型等。示例代码如下：

$(document).ready(function() {
  $('#upload-form').submit(function(e) {
    e.preventDefault();

    var formData = new FormData();
    formData.append('file', $('#file-input')[0].files[0]);

    var fileName = $('#file-input')[0].files[0].name; // 获取上传文件的文件名

    $.ajax({
      url: '/upload',
      type: 'POST',
      data: formData,
      processData: false,
      contentType: false,
      success: function(data) {
        console.log('上传成功：', data);
      },
      error: function(xhr) {
        console.error('上传失败：', xhr.responseText);
      }
    });
  });
});

在上述代码中，通过 `$('#file-input')[0].files[0]` 获取上传文件的信息，再通过 `.name` 获取文件名。最后将文件名保存在 `fileName` 变量中，可以在后续的操作中使用。