Question

C#/ Asp.Net/ Web / 文件上传/ 如何让客户端先弹出loading窗口, 再执行上传代码？

我希望能点击button1后，Client端页面上先弹出一张图片(Loading),同时锁定主页面， 然后再执行上传的代码，在代码完成后将这张图片隐藏，主页面解除锁定。

新手求教~有代码例子的话万分感谢~~!!

Answer 1

button有个onClientClick事件吧 你在这个事件里面加入显示你的loading图片和锁定页面的遮罩层就行了。

追问

求代码和实例，网上查了很多，都说要用Ajax，但不会呀，看不太懂~

追答

用onclientclick就行了，提交上去后就会先弹出等待的图片，然后上传完后页面会刷新掉，这个等待图也不用你关了。下面是我简单的一个模拟，没有使用锁定页面的遮罩层，你到时网上找个遮罩层代码放进去就行了。

文件上传中，请稍后。。。

function show(){
document.getElementById("div_wait").style.display="";
}

Answer 2

你说的我不懂，这个是上传的代码，不知道对你有用没有用。

if (fu_file.FileName != "")
{
//文件路径：Server.MapPath(".")获取当前路径uploadfile当前路径
string root = Server.MapPath(".") + "\\" + "uploadfile\\";
//获取当前文件后缀：例如.jar.zip等等
string extension = System.IO.Path.GetExtension(fu_file.FileName).ToLower();
//编译文件名称 采用时间加随机数的方式
string FileName = DateTime.Now.ToString("yyyyMMddhhmmssss") + new Random().Next(10000).ToString() + extension;
//先看看文件夹有没有，没有创建
if (!Directory.Exists(root))
{
Directory.CreateDirectory(root);
}
//保存文件
this.fu_file.SaveAs(root + FileName);
}

追问

上传代码我会 就是希望有个loading图片来过渡上传的过程。

追答

http://wenku.baidu.com/view/796638670b1c59eef8c7b455.html
这个或许对你有帮助。你看看吧 我没仔细看