解决错误指定RequestHeader导致后台接受不到FormData数据的问题

最新推荐文章于 2024-08-08 18:42:28 发布

伊势平氏

最新推荐文章于 2024-08-08 18:42:28 发布

阅读量9.8k

点赞数 1

文章标签： xmlhttprequest 浏览器

本文链接：https://blog.csdn.net/u010675860/article/details/76079405

版权

在WEB API项目中，使用FormData提交JSON和图片数据时遇到问题，由于错误地设置了RequestHeader，导致Firefox浏览器后台无法正确解析。对比火狐和IE的请求头发现，火狐直接使用指定的Content-Type，缺少分隔符，而IE虽然追加了类型，但不影响解析。这提示我们，理解和审查代码的重要性，避免直接复制未知代码导致的意外问题。

摘要由CSDN通过智能技术生成

问题的起因是现在做的一个WEB API项目中需要以formdata的方式向后台提交数据（包括一个JSON和一张图片）。

之前一直是用以下代码发送数据，没出过问题。

                if (window.XMLHttpRequest) {     //   Mozilla   浏览器                                    //新建XMLHttpRequest对象
                    xmlhttp = new XMLHttpRequest();
                } else if (window.ActiveXObject) {   //   IE   浏览器   
                    try {
                        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
                    } catch (e) {
                        try {
                            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch (e) { }
                    }
                }

                var fd = new FormData();
                var file = document.getElementById('filebox_file_id_1');
                var fileList = file.files;
                if (fileList.length != 0)
                {