使用JQuery的ajax实现批量上传图片
在网上搜索了一下，发现以jquery+ajax方式实现单张图片上传的代码是有的，但实现批量上传图片的程序却没搜索到，于是根据搜索到的代码，写了一个可以批量上传的。 先看效果图 点击
在网上搜索了一下，发现以jquery+ajax方式实现单张图片上传的代码是有的，但实现批量上传图片的程序却没搜索到，于是根据搜索到的代码，写了一个可以批量上传的。
先看效果图
点击增加按钮，会增加一个选择框，如下图：
选择要上传的图片，效果图如下：
上传成功如下图：
下面来看代码：
前台html主要代码：
<button id="SubUpload" class="ManagerButton" onClick="TSubmitUploadImageFile();return false;">确定上传</button>
<button id="CancelUpload" class="ManagerButton" onClick="javascript：history.go(-1);">取消</button>
<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，所以你完全可以把click事件放在js文件中
精彩图集
精彩文章