jquery 批量上传图片实现代码_jquery

前台: upload.htm

• 
  
  确定上传
  
  取消
  
  增加
  

• 
  
  
  图片1:
  
  
  
  
  
  
  
  
  
  
  

";
str += "

";
str += "

";
str += "";
$("#loadimage").append(str);
TfileUploadNum += 1;
}
//开始上传
function TSubmitUploadImageFile() {
document.getElementById("SubUpload").disabled = true;
document.getElementById("CancelUpload").disabled = true;
document.getElementById("AddUpload").disabled = true;
setTimeout("TajaxFileUpload()", 1000); //此为关键代码
}
//Ajax上传方法
function TajaxFileUpload() {
if (Tnum //准备提交处理
$("#uploadImgState" + Tnum).html("");
//开始提交
$.ajax({
type: "POST",
url: "Handler.ashx",
data: { upfile: $("#uploadImg" + Tnum).val()},
success: function(data, status) {
var stringArray = data.split("|");
//stringArray[0]　　　 成功状态(1为成功，0为失败)
//stringArray[1]　　　 上传成功的文件名
//stringArray[2]　　　 消息提示
if (stringArray[0] == "1") {
//上传成功
$("#uploadImgState" + Tnum).html("" + stringArray[1] + "--" + stringArray[2]);
}
else {
//上传出错
$("#uploadImgState" + Tnum).html("" + stringArray[1] + "--" + stringArray[2]);
}
Tnum++;
setTimeout("TajaxFileUpload()", 1000);
}
});
}
else {
document.getElementById("SubUpload").disabled = false;
document.getElementById("CancelUpload").disabled = false;
document.getElementById("AddUpload").disabled = false;
}
}