Javascript 如何使用ajax在spring boot和jsp中实现csv或excel文件上传?

Javascript 如何使用ajax在spring boot和jsp中实现csv或excel文件上传?,javascript,jquery,ajax,spring-boot,jsp,Javascript,Jquery,Ajax,Spring Boot,Jsp,我是SpringBoot新手,我正在尝试在我的应用程序中实现csv或excel文件上传。我在JSP页面中创建了一个按钮,用于上传文件并存储在数据库中。为了从后端上传文件,我创建了API,在测试了API之后,它运行良好。但是脚本中编写的代码工作不正常。我已经编写了以下代码: 每次当我试图上传我的文件时,我都会收到404错误。我不知道为什么。如有任何建议,将不胜感激 function uploadpindata(){ var delivercityid = docum

我是SpringBoot新手,我正在尝试在我的应用程序中实现csv或excel文件上传。我在JSP页面中创建了一个按钮,用于上传文件并存储在数据库中。为了从后端上传文件,我创建了API,在测试了API之后,它运行良好。但是脚本中编写的代码工作不正常。我已经编写了以下代码: 每次当我试图上传我的文件时,我都会收到404错误。我不知道为什么。如有任何建议,将不胜感激

    function uploadpindata(){
            var delivercityid = document.getElementById('cityid').value;
            var formData = new FormData();
            var fileSelect = document.getElementById("file");
            if(fileSelect.files && fileSelect.files.length == 1) {
                var file = fileSelect.files[0];
                formData.set("file",file,file.name);
                console.log("Got the file");
            }else{
                $("#file").focus();
                return false;
            }
            var request = new XMLHttpRequest();
            try {
                request.onreadystatechange=function() {
                    if(request.readyState==4) {
                        var v = JSON.parse(request.responseText);
                        if(v.status==="OK") {
                            alert("New File Uploaded successfully");
                            location.reload();
                        }
                    }
                }
              request.open('POST',"../<%=AkApiUrl.uploadpincodedata%>/"+delivercityid);
              request.send(formData);
              } catch(e) {
                  swal("Unable to connect to server","","error");
              }
函数上传pindata(){
var deliveryId=document.getElementById('cityid').value;
var formData=new formData();
var fileSelect=document.getElementById(“文件”);
if(fileSelect.files&&fileSelect.files.length==1){
var file=fileSelect.files[0];
formData.set(“file”,file,file.name);
log(“得到文件”);
}否则{
$(“#文件”).focus();
返回false;
}
var request=new XMLHttpRequest();
试一试{
request.onreadystatechange=函数(){
if(request.readyState==4){
var v=JSON.parse(request.responseText);
如果(v.status==“OK”){
警报(“新文件上传成功”);
location.reload();
}
}
}
请求打开('POST',“./”+delivercityid);
请求。发送(formData);
}捕获(e){
swal(“无法连接到服务器”,“错误”);
}

const url=“../”+delivercityid;
然后
console.log(url)
您看到了您希望看到的内容吗?另外,可以在浏览器的开发工具中检查XHR;您检查了那里的URL了吗?是的,URL显示为:。但是点击此URL后,我会看到一个白标错误页面。我得到的URL如下:../api/uploadpincodedata/27嗯,您的后端应该设置为响应api请求,所以您需要我想我需要显示相关的Springboot代码。前端写的代码正确吗?