我有一个可以通过提交的表格,form.submit()
并且回复是正确的。现在我想用ajax提交,但是提交文件时出现问题。
表格非常简单:
<form name="Upload" enctype="multipart/form-data" method="post" action="upload.asp">
<input type="file" name="file" id="fileinput"/>
<input type="button" name="FileUpload" class="button" id="append_new"
onclick="xmlhttpPost('upload.asp', document.getElementById('fileinput').files[0]);" value="submit file"/>
</form>
我得到了如下的ajax调用:
function xmlhttpPost(strURL, form) {
var xmlHttpReq = false;
var self = this;
// Mozilla/Safari
if (window.XMLHttpRequest) {
self.xmlHttpReq = new XMLHttpRequest();
}
// IE
else if (window.ActiveXObject) {
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'multipart/form-data');
self.xmlHttpReq.onreadystatechange = function() {
if (self.xmlHttpReq.readyState == 4) {
updatepage(self.xmlHttpReq.responseText);
}
}
self.xmlHttpReq.send('file=' + file);
}
function updatepage(str){
document.getElementById("fileitems").innerHTML = str;
}
现在的问题是:服务器获取的是字符串[object file]
而不是实际的文件内容。如何确保提交文件数据?