.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 >

 

你可能感兴趣的:(jquery)