如何解决如何通过HTML表单将文件上传到节点js服务器?
我在通过 HTML 将文件上传到节点服务器时遇到问题。在页面中我有这个输入:
<input type="file" id = "csvFile" />
<input type="submit" name="submit" onclick="send_data()" />
function send_data(){
let file = document.getElementById("csvFile");
const xhr = new XMLHttpRequest();
xhr.open("GET",file,true);
xhr.setRequestHeader("Content-type","text/csv");
xhr.onreadystatechange = () =>{
if(xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200){
console.log("done");
}
xhr.send();
}
无论如何,这是我第一次做这样的事情,所以我不知道如何确保我的服务器获取文件并处理它。有人可以帮我吗?
解决方法
这应该可以解决问题:
let file = document.getElementById("csvFile").files[0];
let xhr = new XMLHttpRequest();
let formData = new FormData();
formData.append("csvFile",file);
xhr.open("POST",'${your_full_address}');
xhr.onreadystatechange = function () {
// In local files,status is 0 upon success in Mozilla Firefox
if (xhr.readyState === XMLHttpRequest.DONE) {
var status = xhr.status;
if (status === 0 || (status >= 200 && status < 400)) {
// The request has been completed successfully
console.log(xhr.responseText);
} else {
// Oh no! There has been an error with the request!
}
}
};
xhr.send(formData);
参考:https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/onreadystatechange
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。