如何在asp.net中显示上传百分比

我在更新面板中有一个异步文件上传，并且一旦文件被选中，它就会上传文件。当文件正在上传时，我正在显示更新进度。在这里我有一个图像处理。上传完成后，图像消失。如何显示上传的百分比，而不是显示图片。如何在asp.net中显示上传百分比

<asp:UpdateProgress ID="UpdateProgress2" runat="server"> 
          <ProgressTemplate> 
           <div> 
            <b>Please Wait...</b> 
            <img runat="server" id="ajaxLoader" style="background-color: White; width: 338px;" 
             src="styles/images/loadImage.gif" alt="loading" /> 
           </div> 
          </ProgressTemplate> 
         </asp:UpdateProgress>

来源

2012-01-12 Murthy

这里不可能代替你可以显示动画的图像或可尝试jQuery插件或uplodify。

来源

2012-01-12 14:45:56 adatapost

哟可以尝试：

<head runat="server"> 
<title></title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
<script src="http://malsup.github.com/jquery.form.js"></script> 
<script> 
$(document).ready(function(){ 
var options = { 
    beforeSend: function() { 
    $("#progress").show(); 
    //clear everything 
    $("#bar").width('0%'); 
    $("#message").html(""); 
    $("#percent").html("0%"); 
          }, 
    uploadProgress: function (event, position, total, percentComplete) { 
     $("#bar").width(percentComplete + '%'); 
     $("#percent").html(percentComplete + '%'); 
      }, 
    success: function() { 

    $("#bar").width('100%'); 
    $("#percent").html('100%'); 
     }, 
    complete: function (response) { 
    $("#message").html("<font color='green'>" + response.responseText + "</font>"); 
     }, 
    error: function() { 
    $("#message").html("<font color='red'> ERROR: unable to upload files</font>"); 
    } 
    }; 
    $("#form1").ajaxForm(options); 

    }); 
</script>

<body> 
<form id="form1" action="AjaxUploadFile.aspx" method="post" enctype="multipart/form-data" runat="server"> 
<div> 
<input type="file" size="60" name="myfile" /> 
<input type="submit" value="Ajax File Upload" /> 
<div id="progress"> 
<div id="bar"></div> 
<div id="percent">0%</div > 
</div> 
<br/> 
<div id="message"></div> 
</div> 
</form>

后面的代码：

protected void Page_Load(object sender, EventArgs e) 
    { 

     HttpPostedFile file =null; 
     if (Request.Files.Count>0) 
     { 
      file = Request.Files[0]; 
      file.SaveAs(Server.MapPath("~/UploadedFiles/")+file.FileName); 
     } 
    }

来源

2014-04-17 07:06:43

如何在asp.net中显示上传百分比

回答

相关问题