JQuery+ajax实现批量上传图片

“确定上传”按钮js代码：

　 function TSubmitUploadImageFile()

　　　　　　　　 {

　　　　　　　　　　　　　　　　　 M("SubUpload").disabled=true;

　　　　　　　　　　　　　　　　　　 M("CancelUpload").disabled=true;

　　　　　　　　　　　　　　　　　　 M("AddUpload").disabled=true;

　　　　　　　　　　　　　　　　　　 setTimeout("TajaxFileUpload()",1000);//此为关键代码

}

关于setTimeout("TajaxFileUpload()",1000);这句代码：因为所谓的批量上传，其实还是一个一个的上传，给用户的只是一个假象。只所以要延时执行TajaxFileUpload()，是因为在把图片上传到服务器上时，我在后台给图片重新命名了，命名的规则是，如下代码：

　 Random rd = new Random();

StringBuilder serial = new StringBuilder();

serial.Append(DateTime.Now.ToString("yyyyMMddHHmmssff"));

serial.Append(rd.Next(0, 999999).ToString());

return serial.ToString();

即使我命名精确到毫秒，另外再加上随机数，可是还是有上传的第二张图片把上传的第一张图片覆盖的情况出现。所以此处我设置了延时1秒后在上传下一张图片。刚开始做这个东西的时候，用的是for循环，来把所有的图片一个一个的循环地用ajax上传，可是for循环速度太快了，可能第一张图片还没来得及ajax，第二张就被for过来了，还是有第二张覆盖第一张的情况出现。

下面来看TajaxFileUpload()函数，代码如下：