Javascript 如何从“保存价值”;upload.js“;在other.js中请求它

Javascript 如何从“保存价值”;upload.js“;在other.js中请求它,javascript,html,jquery,Javascript,Html,Jquery,我尝试了很多方法将“request.responseText”中的数据保存到我的var“pdf”中,这是一个具有任何文件类型的url,然后将包含url的变量调用到其他.js中,该变量发送一个包含表单其余部分的字符串 这是上传脚本 let pdf; const uploadFile = (file) => { console.log("Uploading file..."); const API_ENDPOINT = "https://file.io&q

我尝试了很多方法将“request.responseText”中的数据保存到我的var“pdf”中,这是一个具有任何文件类型的url,然后将包含url的变量调用到其他.js中,该变量发送一个包含表单其余部分的字符串

这是上传脚本

let pdf;
const uploadFile = (file) => {
  console.log("Uploading file...");
  const API_ENDPOINT = "https://file.io";
  const request = new XMLHttpRequest();
  const formData = new FormData();
  request.open("POST", API_ENDPOINT, true);
  request.onreadystatechange = () => {
    if (request.readyState === 4 && request.status === 200) {
      console.log("onreadystatechange request", request.responseText);
      pdf = request.responseText;
      console.log("pdf", pdf);
      
    }
  };
  formData.append("file", file);
  request.send(formData);
};

fileInput.addEventListener("change", (event) => {
  var files = event.target.files;
  uploadFile(files[0]);
});
这里是“通用表单”,它必须从表单接收数据并将其作为字符串发送:

  let result = document.querySelector(".result");
  let name = document.querySelector("#form-name1");
  let email = document.querySelector("#form-email1");
  let phone = document.querySelector("#form-phone1");

  // Creating a XHR object
  let xhr = new XMLHttpRequest();
  let url ="yourapiurl";

  // open a connection
  xhr.open("POST", url, true);

  // Set the request header i.e. which type of content you are sending
  xhr.setRequestHeader("Content-Type", "application/json");

  // Create a state change callback
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // Print received data from server
      result.innerHTML = this.responseText;
    }
  };

  //Converting JSON data to string
  var data = JSON.stringify({
    name: name.value,
    email: email.value,
    phone: phone.value,
    pdf,
  });

  console.log(data);
  // Sending data with the request - not using it rn only console logs
  // xhr.send(data); - not using it rn only console logs

  //Clearing fields
  document.getElementById("form-name1").value = "";
  document.getElementById("form-email1").value = "";
  document.getElementById("form-phone1").value = "";
  document.getElementById("fileInput").value = "";
}
对于非英语母语的输入错误,我深表歉意,如果您阅读了,我将表示感谢