lanhu-bootstrap/assets/js/company-postproject.js

$(function(){
	
 	  $(document).ready(function () {
		
	
	
		  $(".btnUpload").height($(".btnUpload").width()) 
		  	var getspan=$(".imguploadspan").html();
			$(".imguploadspan").append(getspan)
			$(".imguploadspan").append(getspan)
			
			var list=$(".imguploadlist").html();
			$(".imguploadlist").append(list);
			$(".imguploadlist").append(list);
			
			
			
		   var btnUpload=null;
	    $('.btnUpload').click(function () {
			if(bl){
				$('#imagePic').click();
				btnUpload=$(this);
			}else{
				bl=true
			}
	    
	    });
		var bl=true;
		$('.imgdel').click(function () {
			bl=false
			$(this).parent().css("background", "url(/lanhu-bootstrap/assets/img/img_add.png) no-repeat center")
			$(this).parent().css("border", '0')
			$(this).parent().css("background-size", "100% 100%")
			
			$(this).hide()
			$(this).parent().removeAttr("disabled")
		});
		
	    $("#imagePic").on("change", function (e) {
			
	      var file = e.target.files[0]; //获取图片资源
	      var fileTypes = ["bmp", "jpg", "png", "jpeg"];
	      var bTypeMatch = false
	      for (var i = 0; i < fileTypes.length; i++) {
	        var start = file.name.lastIndexOf(".");
	        var fileType = file.name.substring(start + 1);
	        if (fileType.toLowerCase() == fileTypes[i]) {
	          bTypeMatch = true;
	          break;
	        }
	      }
	      if (bTypeMatch) {
	        if (file.size <= 1024 * 1024 * 10) {
	          var reader = new FileReader();
	          reader.readAsDataURL(file); // 读取文件
	          // 渲染文件
	          reader.onload = function (arg) {
				 
	            $(btnUpload).css("background", "url("+arg.target.result+")   no-repeat center")
				$(btnUpload).css("background-size", "100% 100%")
				
				$(btnUpload).css("border", '1px solid #b8b9ba')
				$(btnUpload).css("border-radius",'10px')
				$(btnUpload).attr("disabled","disabled")
				$(btnUpload).find(".imgdel").show()
				$(btnUpload).find(".imginput").val(arg.target.result)
				$("#imagePic").val("")
	          }
	        } else {
	          alert('仅支持不超过10M的图片');
 	       
	          // btnUploadText = '上传'
	          // $("#uploadButton").text(btnUploadText)
	          return false;
	        }
	      } else {
	        alert('仅限bmp，jpg，png，jpeg图片格式');
	      
	        // btnUploadText = '上传'
	        // $("#uploadButton").text(btnUploadText)
	        return false;
	      }
	    });
	  })
	//---------初始化数据部分-----------
	var  contact_number_list=["+86","+87","+88"]
	var  location=[{
		icon:"🇨🇳",
		name:"China"
	},{
		icon:"🇺🇸",
		name:"USA"
	},{
		icon:"🇪🇸",
		name:"Spain"
	}
	]
	
	var province=["aaa","bbb","ccc"]
	var city=["aaa1","bbb2","ccc3"]
	//---------初始化数据部分end-----------
	//页面初始化
	contact_number_list.forEach(item=>{
		var li=$("<option>"+item+"</option>")
		$(".showqulist").append(li)
	})
	location.forEach(item=>{
		var li=$("<option>"+item.icon+' '+item.name+"</li>")
		$(".showlistLocation1").append(li)
	})
	province.forEach(item=>{
		//var li=$("<li class='contact_location2_li' txt="+item+"><a >"+item+"</a></li>")
		var li=$("<option>"+item+"</option>")
		$(".showlistLocation2").append(li)
	})
	city.forEach(item=>{
		//var li=$("<li class='contact_location3_li' txt="+item+"><a >"+item+"</a></li>")
		var li=$("<option>"+item+"</option>")
		$(".showlistLocation3").append(li)
	})
	
	li_click()
	var html_contact_number=$("#contact_number").html();
	var html_contact_email=$("#contact_email").html();
	var html_contact_location=$("#contact_location").html();
	
	
	$("#contact_number_add").click(function(){
		$("#contact_number").append(html_contact_number)
		li_click()
		$("#contact_number_remove").show()
	})
	$("#contact_number_remove").click(function(){
		 $("#contact_number .row-fluid").eq(-1).remove();
		 if($("#contact_number .row-fluid").length==1){
			 $("#contact_number_remove").hide()
		 }
	})
	
	$("#contact_email_add").click(function(){
		$("#contact_email").append(html_contact_email)
		li_click()
		$("#contact_email_remove").show()
	})
	$("#contact_email_remove").click(function(){
		 $("#contact_email input").eq(-1).remove();
		 if($("#contact_email input").length==1){
			 $("#contact_email_remove").hide()
		 }
	})
	
	
	$("#contact_location_add").click(function(){
		$("#contact_location").append(html_contact_location)
		li_click()
		$("#contact_location_remove").show()
	})
	$("#contact_location_remove").click(function(){
		 $("#contact_location .row-fluid").eq(-1).remove();
		 if($("#contact_location .row-fluid").length==1){
			 $("#contact_location_remove").hide()
		 }
	})
	
	function li_click(){
		// $(".contact_number_li").on("click",function(){
		// 	$(this).parent().parent().find(".showqu").text($(this).attr("txt"))
		// })
		// $(".contact_location1_li").on("click",function(){
		// 	$(this).parent().parent().find(".showqu1").text($(this).attr("txt"))
		// })
		// $(".contact_location2_li").on("click",function(){
		// 	$(this).parent().parent().find(".showqu2").text($(this).attr("txt"))
		// })
		// $(".contact_location3_li").on("click",function(){
			
		// 	$(this).parent().parent().find(".showqu3").text($(this).attr("txt"))
		// })
	}
	
		
		$.validator.setDefaults({
		    submitHandler: function() {
				var submitlogo=$("#uploadButtonInput").val();
		       if(!submitlogo){
		            				  alert("请上传公司logo")
		            }
		    }
		});
		$("#form").validate()
	
		
	//页面初始化end
})