Javascript:如何上传文件onsubmit()？
Javascript:如何上传文件onsubmit()？
提问于 2020-07-07 07:03:38
我有一个带有<form>的JSP页面，它在提交时上传文件。但是upload函数并没有将任何文件上传到路径/uploads的服务器。
HTML表单：
<form action="./index.jsp" onsubmit="uploadFile()">
<input type="file" class="form-control-file " placeholder="Choose file" id="excelInput">
<button type="submit" class="btn btn-primary">Run Profiling</button>
</form>Javascript函数上传文件：
<script>
function uploadFile(){
let excel = document.getElementById("excelInput").files[0]; // file from input
alert(excel);
let req = new XMLHttpRequest();
let formData = new FormData();
try{
formData.append("excel", excel);
req.open("POST", 'D:\\eclipse\\workspace\\Project2\\WebContent\\uploads');
req.send(formData);
}
catch(e){
alert(e);
}
}
</script>它不会转到catch()部分。但它也没有上传。
有什么遗漏了吗？
回答 1
Stack Overflow用户
发布于 2020-07-07 07:16:33
被骗的人似乎很穷，所以我发了一个答案。
您基本上想要添加一个eventListener并提交到一个WEB服务！不是文件位置
window.addEventListener("load", function() {
document.getElementById("uploadForm").addEventListener("submit", function(e) {
e.preventDefault(); // stop the submit
let excel = document.getElementById("excelInput").files[0]; // file from input
let req = new XMLHttpRequest();
let formData = new FormData();
try {
formData.append("excel", excel);
req.open("POST", 'actual web address of a process that can handle xmlhttprequests');
req.send(formData);
} catch (e) {
console.log(e);
}
})
})<form action="./index.jsp" id="uploadForm">
<input type="file" class="form-control-file " placeholder="Choose file" id="excelInput">
<button type="submit" class="btn btn-primary">Run Profiling</button>
</form>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62769739
复制相关文章
相似问题
腾讯云开发者
