- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在 IE11 中,我使用 ajax 将 FormData 元素发布到经过 Windows 身份验证的端点 (IIS7.5 NTLM)。如果 FormData 元素仅包含文本字段,则一切正常 - 初始请求导致 401 并且有效负载在携带凭据/有效负载的后续请求中传递。
但是,如果 FormData 对象中有 File 输入,这不会起作用。如果FormData对象中有文件,IE11会发送请求,得到401,然后根本不发送后续请求。 (注意——它确实在 FF/Chrome 中工作)
代码:
// This works
var fd = new FormData();
fd.append("CaseId", 1188);
fd.append("PhaseId", 6);
// Adding this element to the FD makes IE11 hang
// but still works in FF & Chrome
fd.append("MyFile", document.getElementById("MyFileInput").files[0]);
$.ajax({
url : "myEndpoint.ashx",
type : "POST",
data : fd,
contentType : false, // do not to adjust content-type
processData : false, // do not to convert raw data to string
success : function(data){
console.log("Hooray!");
},
error : function(xhr){
console.log("Boo");
}
});
我已经检查了在 Fiddler 中有/没有文件输入的请求 header ,401 请求/响应在各个方面都是相同的。
这是工作请求(无文件输入)。此请求之后的后续请求包括凭据并导致 200
POST http://example.com/myEndpoint.ashx HTTP/1.1
X-Requested-With: XMLHttpRequest
Accept: */*
Content-Type: multipart/form-data; boundary=---------------------------7df11b0308d6
Referer: http://example.com/IE11FormDataTest.html
Accept-Language: en-US
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.3; MS-RTC LM 8)
Connection: Keep-Alive
Host: example.com
Pragma: no-cache
Cookie: ASP.NET_SessionId=mqa12rwnmxerfoz3csx0wohk
Authorization: NTLM TlRMTVNTUAABAAAAB4IIogAAAAAAAAAAAAAAAAAAAAAGAbEdAAAADw==
Content-Length: 0
这是不起作用的请求(文件输入包含在 FormData 对象中)。返回时,IE11 无法发出后续的经过身份验证的请求。事实上,选项卡的标题只是说“等待 mysite.com...”:
POST http://example.com/myEndpoint.ashx HTTP/1.1
X-Requested-With: XMLHttpRequest
Accept: */*
Content-Type: multipart/form-data; boundary=---------------------------7df2c7308d6
Referer: http://example.com/IE11FormDataTest.html
Accept-Language: en-US
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.3; MS-RTC LM 8)
Connection: Keep-Alive
Host: example.com
Pragma: no-cache
Cookie: ASP.NET_SessionId=mqa12rwnmxerfoz3csx0wohk
Authorization: NTLM TlRMTVNTUAABAAAAB4IIogAAAAAAAAAAAAAAAAAAAAAGAbEdAAAADw==
Content-Length: 0
有人看到我可能遗漏的任何内容或对我可以运行/创建的测试有任何建议吗?我用原始 XMLHttpRequest 尝试过同样的事情,但结果是一样的。
最佳答案
问题似乎出在最后附加的文件数据上。如果我将另一个键值对附加到表单数据,这个问题就解决了。
此链接为我指明了正确的方向 https://blog.yorkxin.org/posts/2014/02/06/ajax-with-formdata-is-broken-on-ie10-ie11/
关于javascript - IE11 FormData AJAX Post with File 在 401 后挂起,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28228178/
我有以下代码,使用ajax上传文件,因为我不想使用表单操作。但我无法这样做。代码是: Select xml file to upload: ajax代码是: $('#upload_xml').on
我有 3 个图像或多图像数组,其总大小约为。 29mb 或以上。我尝试使用 Ajax 和表单数据将其发布在服务器端。但是当我尝试在 MVC 中使用 FormData 发布大数据时它显示错误,有什么解决
我想了解浏览器如何解释表单数据。我知道一个 http 请求包含 [Method][Header][URL][Params][Body] 我不知道如何将表单数据放在那里?它是被解释为参数(查询字符串)还
我正在做一个项目,我需要在提交之前更改 FormData。我无法更改元素值,我必须更改进入 POST 的实际 FormData。 我尝试更改 form.onsubmit 以更新值(适用于某些字段,但其
我正在尝试使用 FormData html5 api 设置多文件上传。问题是我无法删除 FormData 键上的数组索引。例如: if(editor.frmData){ editor.
我试图在提交表单时获取表单数据键值对对象,使用 new FormData()构造函数。但它总是返回空数据。 我已经尝试过event.persist()避免 react 事件池,但没有任何效果 expo
在 jQuery 代码中, var formData = new FormData($('#content-submit')[0]); formData.append("Title",
我正在使用 fetch API 从浏览器发送发布请求。这是我的代码: const headers = new Headers(); headers.append("Content-Type", "ap
你好,我有他的上传文件表格 $("#form").on('submit',(function(e) { e .preventDefault(); $.ajax({
我需要根据用户输入(从 html 表单发送)创建一个 formData,因为我需要修改图像图片(压缩/调整大小/裁剪),然后将新的 FormData 提交到服务器: $(document).r
我似乎对 FormData 为空有疑问。我正在尝试在单个 POST 请求中上传文件和 JSON。我尝试了各种各样的方法,但似乎没有任何效果。我想知道我是否在这里弄乱了一些基本的东西,但我似乎找不到任何
我需要在 FormData 中添加图像数组,但只有第一个图像通过。 我知道问题出在 JS 代码中,因为当我将表单直接发送到 php 页面时,它工作正常。 JavaScript var url = $(
我正在以非正常方式获取文件及其值。表单中没有实际输入。因此,我尝试将文件附加到 formData 以进行 ajax 提交。 每当我尝试使用以下方法提交表单时,我的文件都不会上传。因此,我附加文件的方式
formData 的参数之一可以包含对象吗? 如果我执行以下操作,该对象将在服务器端转换为字符串。 formData.append('first_name', 'takuya'); formD
我想将带有附加数据的图像从 React.js 发送到 Django 后端。当我使用 FormData() 创建表单数据时,它无法发送数组(因为它将其转换为字符串)。这是我的代码: let formDa
关闭。这个问题是not reproducible or was caused by typos .它目前不接受答案。 此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic
我有一个 Web 应用程序,它使用 FormData 对象通过 jQuery.ajax() 上传。到目前为止,一切都很好。数据作为 multipart/form-data 发送,服务器解析它,没有问题
这个问题已经有答案了: FormData.get function is undefined (2 个回答) 已关闭 7 年前。 我正在尝试进行简单的 ajax 文件上传,但收到“未捕获的类型错误:f
我正在使用 Angular 5,这是 Angular 的新手,但我已经研究过很多 JavaScript 框架。我陷入了一个问题,下面是我现在面临的描述问题。 我已经创建了表单,我想在提交时发送到服务器
我正在关注How-to-submit-additional-form-data并有一个正在提交附加表单数据的工作文件上传,即。附加文本区域输入字段 description[],具有分块和多文件支持,无
我是一名优秀的程序员,十分优秀!