使用jquery将文件上传到松弛接口files.upload

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<form id="uploadForm" enctype="multipart/form-data">
  <input type="file" name="file" id="fileInput">
  <input type="submit" value="上传文件">
</form>

$(document).ready(function() {
  $('#uploadForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    // 在这里执行文件上传操作
  });
});

$(document).ready(function() {
  $('#uploadForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    var fileInput = $('#fileInput')[0]; // 获取文件输入框元素
    var file = fileInput.files[0]; // 获取用户选择的文件
    
    var formData = new FormData(); // 创建FormData对象
    formData.append('file', file); // 将文件添加到FormData对象中
    
    $.ajax({
      url: 'https://example.com/files/upload', // 松弛接口的URL
      type: 'POST',
      data: formData,
      processData: false, // 不处理数据
      contentType: false, // 不设置Content-Type请求头
      success: function(response) {
        // 文件上传成功的处理逻辑
        console.log('文件上传成功');
        console.log(response);
      },
      error: function(xhr, status, error) {
        // 文件上传失败的处理逻辑
        console.log('文件上传失败');
        console.log(error);
      }
    });
  });
});