我创建了一个文件上传表单。我想上传数据,同时上传一个 ajax 调用,用 BOOTMETRO 主题提供的加载动画替换该页面中的 div。文件上传和 Ajax 分别运行良好。!但我想要一键两下。
所以当我单次按下提交按钮时:1)AJAX应该替换我页面中的划分2)然后文件上传应该正常开始。
我的 HTML 表单是:
<input name="file" type="file" class="btn btn-info" id="file" /><br/>
<button type="submit" value="Submit" name="submit" onclick="submit()">Submit File</button>
</form>
AJAX 部分
function submit()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("fetchLoading").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","loading.php" ,true);
xmlhttp.send();
xmlhttp.open("GET","upload_process.pgp",true);
xmlhttp.send();
}
请帮忙!或建议一种技术。(我正在使用引导地铁,我想将加载从 ajax 加载到我的文件中的 div 直到文件上传并且页面处于等待模式)