js中如何实现点击【PDF上传】按钮，可以选择多个或者一个本地文件调用后端接口，将选择的文件属性传给后端

在 JavaScript 中，您可以使用 HTML5 的 File API 来实现点击【PDF上传】按钮并选择多个或一个本地文件。然后，您可以使用 XMLHttpRequest 或 Fetch API 将选择的文件传递给后端接口。下面是一个简单的示例代码：

HTML：

<input type="file" id="pdfFileInput" multiple>
<button onclick="uploadPDF()">PDF上传</button>

JavaScript：

function uploadPDF() {
  var fileInput = document.getElementById('pdfFileInput');
  var files = fileInput.files;
  
  // 创建一个 FormData 对象
  var formData = new FormData();
  
  // 将选择的文件添加到 FormData 对象中
  for (var i = 0; i < files.length; i++) {
    formData.append('pdfFiles', files[i]);
  }
  
  // 发送请求到后端接口
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '后端接口地址', true);
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 请求成功处理逻辑
    } else {
      // 请求失败处理逻辑
    }
  };
  xhr.send(formData);
}

在上面的代码中，我们首先获取文件输入框的 DOM 元素和选择的文件列表。然后，我们创建了一个 FormData 对象，并将每个选择的文件添加到该对象中。最后，我们使用 XMLHttpRequest 发送 POST 请求到后端接口，并将 FormData 对象作为请求体发送。

请注意，您需要将代码中的 `'后端接口地址'` 替换为您的后端接口的实际地址。此外，您还可以根据需要对请求成功和失败的处理逻辑进行自定义。

希望这个示例能够帮助到您！如有任何问题，请随时提问。