Javascript 如何从“保存价值”;upload.js“;在other.js中请求它
我尝试了很多方法将“request.responseText”中的数据保存到我的var“pdf”中,这是一个具有任何文件类型的url,然后将包含url的变量调用到其他.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
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 = "";
}
对于非英语母语的输入错误,我深表歉意,如果您阅读了,我将表示感谢