jQuery仿淘宝管理商品批量图片上传插件

一款jQuery批量图片上传插件，有点类似淘宝管理商品的多图片上传，选中的图片鼠标悬停在预览区域时，有显示左右移动和删除的操作选项，可以任意调整图片的位置或者删除图片。

分类：表单代码 > 图片上传难易：

查看演示下载资源下载积分： 30 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面开头只需引入css样式即可：

<link href="css/upload.css" rel="stylesheet">

body部分也是相当简洁明了，只需要设置固定id的div容器即可：

<body>
	<div id="T_upload"></div>
</body>

后面引入jquery库和上传插件，并写好插件的应用代码：

$.Tupload.init({
	//url: "product/uploadImage2?md=" + md + "&pid=" + pid,
	title: "宝贝图片大小不能超过500kb,为使避免图片上传出现问题，请尽量选择完毕图片后再上传",
	fileNum: 5, // 上传文件数量
	divId: "T_upload", // div元素的id
	accept: "image/jpeg,image/x-png", // 上传文件的类型
	//fileSize  :51200000,     // 上传文件的大小
	onSuccess: function(data, i) {
		/*var temp =eval('(' + data.currentTarget.response + ')')
		if(temp.fileName != undefined){
			$("#img_src"+i).attr('value',temp.fileName);
			$("#img_src"+i).attr('name',"upload_img");
		}*/
	},
	onDelete: function(i) {
		/*var img_val = $("#img_src"+i).attr("value");
		if(img_val != '' && img_val != undefined){
			var md = "product";
			var img= $.page.getImgUrl(img_val);
			$.ajax({
				type:"POST",
				url: "base/delPic" ,
				data : {img:img,id: pid,md:md},
				success: function(rel){}
			});
		}*/
	}
});

注意事项： IE浏览器低版本的兼容性不是太好，尽量实用IE 10以上或其它浏览器测试。