$(document).ready(function(){
	// 上传图片
	$('#sfzzm').on("change",function() {
		if($(this).val().length==0){
			return false;
		}
		zmclear();
		filesArr = [];
		if($(".zmpic img").attr("src")!=undefined ){
			$(".zmpic").html("");
		}
		photoshow(this,"zm");	
		imgupweb('sfzzm');
    });
	$('#sfzfm').on("change",function() {
		if($(this).val().length==0){
			return false;
		}
		fmclear();
		filesArr = [];
		if($(".fmpic img").attr("src")!=undefined ){
			$(".fmpic").html("");
		}
		photoshow(this,"fm");
		imgupweb('sfzfm');
    });
	$('#photo').on("change",function() {
		if($(this).val().length==0){
			return false;
		}
		photoclear();
		filesArr = [];
		if($(".photopic img").attr("src")!=undefined ){
			$(".photopic").html("");
		}
		photoshow(this,"photo");
		imgupweb('photo');
    });
	$('#sqs').on("change",function() {
		if($(this).val().length==0){
			return false;
		}
		sqsclear();
		filesArr = [];
		if($(".sqspic img").attr("src")!=undefined ){
			$(".sqspic").html("");
		}
		photoshow(this,"sqs");
		imgupweb('sqs');
    });
	$('#sqrsfzzm').on("change",function() {
		if($(this).val().length==0){
			return false;
		}
		sqrsfzzmclear();
		filesArr = [];
		if($(".sqrsfzzmpic img").attr("src")!=undefined ){
			$(".sqrsfzzmpic").html("");
		}
		photoshow(this,"sqrsfzzm");
		imgupweb('sqrsfzzm');
    });
	$('#sqrsfzfm').on("change",function() {
		if($(this).val().length==0){
			return false;
		}
		sqrsfzfmclear();
		filesArr = [];
		if($(".sqrsfzfmpic img").attr("src")!=undefined ){
			$(".sqrsfzfmpic").html("");
		}
		photoshow(this,"sqrsfzfm");
		imgupweb('sqrsfzfm');
    });
	// 上传图片预览
	var imgsNum = {
		"0" : 0,
		"1" : 0,
		"2" : 0,
		"3" : 0,
		"4" : 0,
	};
	var filesArr = [];
	function previewImgs(files,id) {
		$("."+id+"pic .preview").remove();
		if (files.length == 0) {
			//$("."+id+"pic").hide();
		} else {
			$("."+id+"pic").show();
				var filesSrc = window.URL.createObjectURL(files[0]);
				$("."+id+"pic").append(
						"<div class='preview' id='img" + id + "'><img src='"
								+ filesSrc+ "'>" +
										//"<a class='del-img' data-imgnum='" + id+ "'>删除</a>" +
												"</div>");
			 
		}
	}
	// 控制图片大小 ie10以下不支持
	var checkSize = false;
	function checkFileSize(files) {
		for ( var i = 0; i < files.length; i++) {

			var fileSize = (files[i].size / (1024 * 1024)).toFixed(2);

			if (fileSize > 1) {
				alert("图片大小不能超过1M");
				checkSize = true;
			}
		}
	}
	function photoshow(self,id){
		// 判断是否为ie11以下浏览器
		if (IEVersion()) {// ie10以下ie浏览器
					$("."+id+"pic").show();
					self.select();
					self.blur();
					var imgSrc = document.selection.createRange().text;
					var tpclass="ie-img";
					if(id=="photo"){
						tpclass="ie-img1";
					}
					$("."+id+"pic")
							.append(
									'<div class="'+tpclass+'" id="'
											+ id
											+ 'img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src=\''
											+ imgSrc+ '\'">'
											//+'<a class="del-img" data-imgnum="'+ id+ '">删除</a>'
											+'</div>');
					return;
 
		} else {// 是ie10,ie11及其他浏览器
			//checkFileSize(self.files);
			if (checkSize) {
				checkSize = false;
				return;
			} else {
				if (self.files.length > 0) {
	               filesArr.push(self.files[0]);
				   previewImgs(filesArr,id); 
				}
			}
		}
	}
	// 点击图片下的删除按钮
	$(document).on("click", ".del-img", function() {
		var imgnum = $(this).attr("data-imgnum")
		if (IEVersion()) {
			imgsNum[imgnum] = 0;
			$("#" + imgnum + "img").remove();
		} else {
			filesArr.splice(imgnum, 1);
			previewImgs(filesArr,imgnum);
		}

	});

});
//判断ie浏览器版本 以ie10为分界，ie10以下返回true，否则返回false
function IEVersion() {
	// 取得浏览器的userAgent字符串
	var userAgent = navigator.userAgent;
	// 判断是否IE浏览器
	var isIE = userAgent.indexOf("compatible") > -1
			&& userAgent.indexOf("MSIE") > -1;
	if (isIE) {
		var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
		reIE.test(userAgent);
		var fIEVersion = parseFloat(RegExp["$1"]);
		if (fIEVersion < 10) {
			return true;
		}
	} else {
		return false;
	}
}