Html 内容类型标头错误,没有多部分边界

Html 内容类型标头错误,没有多部分边界,html,Html,我正在尝试将一个文件从我的HTML页面上载到我的NodeJS后端 当选择多部分/表单数据作为内容类型时,会出现错误“错误的内容类型头,没有多部分边界” 表格: 文件上传 选择文件 剧本 <script type="text/javascript"> var submitClickEvt = document.getElementById('submitClickEvt'); submitClickEvt.addEventListener('clic

我正在尝试将一个文件从我的HTML页面上载到我的NodeJS后端

当选择多部分/表单数据作为内容类型时,会出现错误“错误的内容类型头,没有多部分边界”

表格:


文件上传
选择文件
剧本

<script type="text/javascript">
        var submitClickEvt = document.getElementById('submitClickEvt');
        submitClickEvt.addEventListener('click', submitClicked);
           function submitClicked(event) {
                event.preventDefault();
                var data = document.getElementById('csv').value;


                ajaxCall(data, "http://localhost:3000/user/uploadpdf", function(status, response) {
                if (status == 200) {

                } else {
                    alert('Error', status)
                }
            });
          }

        function ajaxCall(data, url, callback) {
            var xhttp = new XMLHttpRequest();
            xhttp.open("POST", url, true);
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4) {
                    return callback(this.status, JSON.parse(xhttp.response));
                }
            }
            xhttp.setRequestHeader("Content-type", "multipart/form-data");
            xhttp.send(data);
        }
</script>

var submitClickEvt=document.getElementById('submitClickEvt');
submitlickevt.addEventListener('click',submitlicked);
已提交的函数(事件){
event.preventDefault();
var data=document.getElementById('csv')。值;
ajaxCall(数据、http://localhost:3000/user/uploadpdf,功能(状态、响应){
如果(状态==200){
}否则{
警报(“错误”,状态)
}
});
}
函数ajaxCall(数据、url、回调){
var xhttp=newXMLHttpRequest();
xhttp.open(“POST”,url,true);
xhttp.onreadystatechange=函数(){
if(this.readyState==4){
返回回调(this.status,JSON.parse(xhttp.response));
}
}
setRequestHeader(“内容类型”、“多部分/表单数据”);
发送(数据);
}

我想上传到后端,但它似乎不起作用。

使用多部分/表单数据时需要设置边界,请在中选中边界参数

您的代码缺少这一点,只是设置了内容类型,所以这似乎是问题的原因

<script type="text/javascript">
        var submitClickEvt = document.getElementById('submitClickEvt');
        submitClickEvt.addEventListener('click', submitClicked);
           function submitClicked(event) {
                event.preventDefault();
                var data = document.getElementById('csv').value;


                ajaxCall(data, "http://localhost:3000/user/uploadpdf", function(status, response) {
                if (status == 200) {

                } else {
                    alert('Error', status)
                }
            });
          }

        function ajaxCall(data, url, callback) {
            var xhttp = new XMLHttpRequest();
            xhttp.open("POST", url, true);
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4) {
                    return callback(this.status, JSON.parse(xhttp.response));
                }
            }
            xhttp.setRequestHeader("Content-type", "multipart/form-data");
            xhttp.send(data);
        }
</script>