如何: HTML / jQuery -文件上载(图像)预览名称+文件

<form id="uploadForm">
  <input type="file" id="fileInput">
  <input type="text" id="fileNameInput" readonly>
  <button type="submit">上传</button>
</form>

$('#fileInput').change(function() {
  var fileName = $(this).val().split('\\').pop();
  $('#fileNameInput').val(fileName);
});

$('#uploadForm').submit(function(e) {
  e.preventDefault();
  
  var formData = new FormData();
  formData.append('file', $('#fileInput')[0].files[0]);
  
  $.ajax({
    url: 'upload.php',
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success: function(response) {
      // 文件上传成功的处理逻辑
    },
    error: function(xhr, status, error) {
      // 文件上传失败的处理逻辑
    }
  });
});