上传单文件的前端代码实现

<form class="file-box" style="position: absolute;top:50%;transform: translateY(-50%)">

      <input type="file" multiple="multiple" class="file-btn" id="pic"  name="pic"  >

</form>

$('.file-btn').on('change', uploadFile);

function uploadFile() {

  // 获取上传的文件名字

  var formData = new FormData();

  var pic = $('#pic').get(0).files[0];

  formData.append("file", pic)

  $.ajax({

    url: `${uploadUrl}?isWhole=false`,

    data: formData,

    method: "post",

    processData: false,

    contentType: false, //必须false才会自动加上正确的Content-Type

    beforeSend: function (xhr) {

      xhr.setRequestHeader("Authorization", auth)

    },

    success: function (res) {

      fileUrl = res.data.src;

    },

    error: function (res) {}

  });

}