ajax 无法提交 iframe,没有jquery或iframe的AJAX文件上传/表单提交？

小编典典

如果我理解正确，则可以使用以下代码异步上传文件。随意修改

var AjaxFileUploader = function () {

this._file = null;

var self = this;

this.uploadFile = function (uploadUrl, file) {

var xhr = new XMLHttpRequest();

xhr.onprogress = function (e) {

...

};

xhr.onload = function (e) {

...

};

xhr.onerror = function (e) {

...

};

xhr.open("post", uploadUrl, true);

xhr.setRequestHeader("Content-Type", "multipart/form-data");

xhr.setRequestHeader("X-File-Name", file.name);

xhr.setRequestHeader("X-File-Size", file.size);

xhr.setRequestHeader("X-File-Type", file.type);

xhr.send(file);

};

};

AjaxFileUploader.IsAsyncFileUploadSupported = function () {

return typeof (new XMLHttpRequest().upload) !== 'undefined';

}

if (AjaxFileUploader.IsAsyncFileUploadSupported) {

ajaxFileUploader = new AjaxFileUploader();

$("form").submit(function () {

var uploader = $("#fileUploader")[0];

if (uploader.files.length == 0) {

return;

} else {

ajaxFileUploader.uploadFile(

"/YourUploadUrl",

uploader.files[0]);

}

return false;

});

}

要上传表单，请使用FormData类，使用表单值填充该表单，然后使用XHR进行发布。

更新： 对于HTML4，请尝试以下操作

2020-07-26