是否可以在没有 jQuery 或 IFrames 的情况下进行 AJAX 表单提交（因此只需纯 JavaScript）？我目前正在发送到一个可以工作的struts fileUploadAction。该操作的代码是否仍适用于异步提交，或者是否需要添加其他内容来获取异步表单提交？
我正在使用 struts 1.x，当前我的形式是：
<html:form action="fileUploadAction" method="post" enctype="multipart/form-data">
...form elements...
<html:file property="theFile" />
...other elements...
</html:form>
可以提交此表单，从而使用 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 发布它。
Update:对于 HTML4，请尝试以下操作
- 使用jsp和javascript异步文件上传（AJAX文件上传）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
