dxt/WebRoot/app/js/imgUp.js

$(function(){
	var delParent;
	var defaults = {
		fileType         : ["jpg","png","bmp","jpeg","JPG","GIF","JPEG","PNG","BMP"],   // 上传文件的类型
		fileSize         : 1024 * 1024 * 10                  // 上传文件的大小 10M
	};
		/*点击图片的文本框*/
	$(".file").change(function(){	 
		var idFile = $(this).attr("id");
		var file = document.getElementById(idFile);
		var imgContainer = $(this).parents(".z_photo"); //存放图片的父亲元素
		var fileList = file.files; //获取的图片文件
		var input = $(this).parent();//文本框的父亲元素
		var imgArr = [];
		//遍历得到的图片文件
		var numUp = imgContainer.find(".up-section").length;
		var totalNum = numUp + fileList.length;  //总的数量
		if(fileList.length > 5 || totalNum > 5 ){
			alert("上传图片数目不可以超过5个，请重新选择");  //一次选择上传超过5个 或者是已经上传和这次上传的到的总数也不可以超过5个
		}
		else if(numUp < 5){
			fileList = validateUp(fileList);
			for(var i = 0;i<fileList.length;i++){
			 var imgUrl = window.URL.createObjectURL(fileList[i]);
			     imgArr.push(imgUrl);
			 var $section = $("<section class='up-section fl loading'>");
			     imgContainer.prepend($section);
			 var $span = $("<span class='up-span'>");
			     $span.appendTo($section);
			
		     var $img0 = $("<img class='close-upimg'>").on("click",function(event){
				    event.preventDefault();
					event.stopPropagation();
					$(".works-mask").show();
					delParent = $(this).parent();
				});   
		         uploadImg(fileList[i],$section,$img0,imgArr[i]);
		   }
		}
		setTimeout(function(){
             $(".up-section").removeClass("loading");
		 	 $(".up-img").removeClass("up-opcity");
		 },450);
		 numUp = imgContainer.find(".up-section").length;
		if(numUp >= 5){
			$(this).parent().hide();
		}
	});
	
	
   
    $(".z_photo").delegate(".close-upimg","click",function(){
     	  $(".works-mask").show();
     	  delParent = $(this).parent();
	});
		
	$(".wsdel-ok").click(function(){
		$(".works-mask").hide();
		var numUp = delParent.siblings().length;
		if(numUp < 6){
			delParent.parent().find(".z_file").show();
		}
		 delParent.remove();
	});
	
	$(".wsdel-no").click(function(){
		$(".works-mask").hide();
	});
		
		function validateUp(files){
			var arrFiles = [];//替换的文件数组
			for(var i = 0, file; file = files[i]; i++){
				//获取文件上传的后缀名
				var newStr = file.name.split("").reverse().join("");
				if(newStr.split(".")[0] != null){
						var type = newStr.split(".")[0].split("").reverse().join("");
						if(jQuery.inArray(type, defaults.fileType) > -1){
							// 类型符合，可以上传
							if (file.size >= defaults.fileSize) {
								alert('您这个"'+ file.name +'"文件大小过大');	
							} else {
								// 在这里需要判断当前所有文件中
								arrFiles.push(file);	
							}
						}else{
							alert('您这个"'+ file.name +'"上传类型不符合');	
						}
					}else{
						alert('您这个"'+ file.name +'"没有类型, 无法识别');	
					}
			}
			return arrFiles;
		}
		function uploadImg(file, obj,img,imgurl) {
			$("#imguploadFinish").val(false);
			// 验证通过图片异步上传
			
			var url = "file/uploadPic.cs?fileType=160";
			var data = new FormData();
			data.append("path","");
			data.append("Filedata", file);
			$.ajax({
				type : 'POST',
				url : url,
				data : data,
				processData : false,
				contentType : false,
				dataType : 'json',
				success : function(data) {
					console.log("chenggong");
					// obj.remove();
					// 上传成功
					if (data.status == 1) {
						img.attr("src","").appendTo(obj);
					     var $img = $("<img class='up-img up-opcity'>");
					         $img.attr("src",imgurl);
					         $img.appendTo(obj);
					     var $p = $("<p class='img-name-p'>");
					         $p.html(file.name).appendTo(obj);
					     var $input = $("<input id='taglocation' name='taglocation' value='' type='hidden'>");
					         $input.appendTo(obj);
					     var $input2 = $("<input id='tags' name='tags' value='' type='hidden'/>");
					         $input2.appendTo(obj);
						 
						$(".up-section").removeClass("loading");
						$(".up-img").removeClass(
								"up-opcity");
						$("#imguploadFinish").val(true);
						var htmlStr = "<input type='hidden'  name='friend_imgs' value='"
								+ data.path
								+ "'>";
						obj.append(htmlStr);
					/*	if (successCallBack) {
							successCallBack(data);
						}*/
						return  true;
					}else{
						obj.remove();
						$("#imguploadFinish").val(false);
						alert("上传失败！");
						return  false;
					}

					/*if (data.status != 1) {
						obj.remove();
						$("#imguploadFinish").val(false);
						if (errorCallBack) {
							errorCallBack(data.url);
						}
					}*/
				},
				error : function(e) {
					obj.remove();
					var err = "上传失败，请联系管理员！";
					$("#imguploadFinish").val(false);
					alert(err)
					/*if (errorCallBack) {
						errorCallBack(err);
					}*/
				}
			});
		}
	
})