没有进度栏的 Ajax 上传
Ajax upload without progres bar
我有一些代码要上传 ajax . 它向我的servlet发送请求,一切正常。但是代码包含一个我不需要的进度条。你能帮我删除不需要的行吗?另一个问题如何在上传文件后用我的内容刷新 DIV?当我使用此代码将参数发送到 jsp 页面时
$.post(
"deletePoly.jsp",
{ids:ch.toString()},
function(per){
$("#WRAPlist").load("listing.jsp");
}
);
我要放线的地方
$("#WRAPlist").load("listing.jsp");
这是上传代码
var req;
function ajaxFunction()
{
var url = "Upload_Servlet";
if (window.XMLHttpRequest) // Non-IE browsers
{
req = new XMLHttpRequest();
req.onreadystatechange = processStateChange;
try
{
req.open("GET", url, true);
}
catch (e)
{
alert(e);
}
req.send(null);
}
else if (window.ActiveXObject) // IE Browsers
{
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req)
{
req.onreadystatechange = processStateChange;
req.open("GET", url, true);
req.send();
}
}
}
function processStateChange()
{
* State Description
* 0 The request is not initialized
* 1 The request has been set up
* 2 The request has been sent
* 3 The request is in process
* 4 The request is complete
if (req.readyState == 4)
{
if (req.status == 200) // OK response
{
var xml = req.responseXML;
// No need to iterate since there will only be one set of lines
var isNotFinished = xml.getElementsByTagName("finished")[0];
var myBytesRead = xml.getElementsByTagName("bytes_read")[0];
var myContentLength = xml.getElementsByTagName("content_length")[0];
var myPercent = xml.getElementsByTagName("percent_complete")[0];
// Check to see if it's even started yet
if ((isNotFinished == null) && (myPercent == null))
{
document.getElementById("initializing").style.visibility = "visible";
// Sleep then call the function again
window.setTimeout("ajaxFunction();", 100);
}
else
{
document.getElementById("initializing").style.visibility = "hidden";
document.getElementById("progressBarTable").style.visibility = "visible";
document.getElementById("percentCompleteTable").style.visibility = "visible";
document.getElementById("bytesRead").style.visibility = "visible";
myBytesRead = myBytesRead.firstChild.data;
myContentLength = myContentLength.firstChild.data;
if (myPercent != null) // It's started, get the status of the upload
{
myPercent = myPercent.firstChild.data;
document.getElementById("progressBar").style.width = myPercent + "%";
document.getElementById("bytesRead").innerHTML = myBytesRead + " of " +
myContentLength + " bytes read";
document.getElementById("percentComplete").innerHTML = myPercent + "%";
// Sleep then call the function again
window.setTimeout("ajaxFunction();", 100);
}
else
{
document.getElementById("bytesRead").style.visibility = "hidden";
document.getElementById("progressBar").style.width = "100%";
document.getElementById("percentComplete").innerHTML = "Done!";
}
}
}
else
{
alert(req.statusText);
}
}
}
删除这些代码行,则它将不会显示进度条。
document.getElementById("initializing").style.visibility = "hidden";
document.getElementById("progressBarTable").style.visibility = "visible";
document.getElementById("percentCompleteTable").style.visibility = "visible";
document.getElementById("bytesRead").style.visibility = "visible";
myBytesRead = myBytesRead.firstChild.data;
myContentLength = myContentLength.firstChild.data;
if (myPercent != null) // It's started, get the status of the upload
{
myPercent = myPercent.firstChild.data;
document.getElementById("progressBar").style.width = myPercent + "%";
document.getElementById("bytesRead").innerHTML = myBytesRead + " of " +
myContentLength + " bytes read";
document.getElementById("percentComplete").innerHTML = myPercent + "%";
// Sleep then call the function again
window.setTimeout("ajaxFunction();", 100);
}
else
{
document.getElementById("bytesRead").style.visibility = "hidden";
document.getElementById("progressBar").style.width = "100%";
document.getElementById("percentComplete").innerHTML = "Done!";
}
相关文章:
- 使用Ajax上传Javascript表单
- AJAX上传文件不起作用
- 使用ajax上传的文件返回错误,但使用c#在asp.net的服务器端正常提交的文件
- Codeigniter:通过Ajax上传图像并存储在数据库中
- Laravel 5.2 ajax上传进度条和VerifyCsrfToken.php第67行中的TokenMismatch
- ajax上传文件表单
- 将通过 AJAX 上传的二进制数据保存在 PHP 服务器上
- jQuery AJAX 上传系统 IE 问题
- 如何在 Codeigniter 中使用 ajax 上传文件
- 通过ajax上传文件不会在MVC中的请求中附加文件
- 如何使用AJAX上传文件
- 无法使用HTML5 PHP和纯ajax上传图像
- 在没有表单的情况下通过AJAX上传图像
- 使用valums-ajax上传器从上传列表中删除特定文件
- 我想在Iframe Javascript PHP的帮助下,将单个ajax上传器脚本转换为多个上传器
- 使用ajax上传图片仅适用于png
- HTML5文件API使用Ajax上传多个图像
- 通过AJAX上传图片-如何将文件名传递到服务器
- 使用ajax上传文件(不带FORM)
- 使用ajax上传图像,无需使用表单