.net 用JQuery+ajax实现批量上传图片

先看效果图

.net 用JQuery+ajax实现批量上传图片

点击增加按钮,会增加一个选择框,如下图:

.net 用JQuery+ajax实现批量上传图片


选择要上传的图片,效果图如下:

.net 用JQuery+ajax实现批量上传图片


上传成功如下图:

.net 用JQuery+ajax实现批量上传图片

.net 用JQuery+ajax实现批量上传图片

下面来看代码:
前台html主要代码:

<button id="SubUpload" class="ManagerButton" onClick="TSubmitUploadImageFile();return false;">确定上传</button>&nbsp;&nbsp;
<button id="CancelUpload" class="ManagerButton" onClick="javascript:history.go(-1);">取消</button>&nbsp;&nbsp;
<button id="AddUpload" class="ManagerButton" onClick="TAddFileUpload();return false;">增加</button>
<tr><td class="tdClass">
图片1:
</td><td class="tdClass">
<input name="" size="60" id="uploadImg1" type="file" />
<span id="uploadImgState1"></span>
</td></tr>