上传图片 判断 大小类型 ajax

	//点击文件
	custSession.file = function() {
		var str = '';
		str +='<input type="file" id="myfile" name="myfile" onchange="previewFile()" value="上传">';
		str +='<img src="./image/file_hover.png"  alt="">';
		$('#navFile').append(str);
	}

function previewFile(){
	var preview = $('#dope');
	var file    = document.getElementById('myfile').files[0];
	var str = '';
	if (file) {
		var size = file.size / 1024;
		if(size>filemaxsize){
			showToast(AppendixSize); 
            //发送完成清空文件
			var myfile = document.getElementById('myfile') ; 
			myfile.outerHTML=myfile.outerHTML; 
			return false;
		}else{
			var seat = file.name.lastIndexOf('.');
			var extension =  file.name.substring(seat).toLowerCase();
			if( allowed.indexOf(extension)>=0){
				var reader = new FileReader();
                reader.readAsDataURL(file);
				reader.onloadend = function () {
					if(file.size > number_min_1){
						str += '<div id="layer-photos-demo" class="layer-photos-demo"><img layer-src="'+reader.result+'" src="'+reader.result+'" alt="略缩图....." style="'+w_min_1+'"></div><input type="hidden" value="'+file.name+'" id="inputImgId">'; 
					}else{
						str += '<div id="layer-photos-demo" class="layer-photos-demo"><img layer-src="'+reader.result+'" src="'+reader.result+'" alt="略缩图....." style="'+w_min_2+'"></div><input type="hidden" value="'+file.name+'" id="inputImgId">'; 
					}
					preview.append(str);
					imgTextBtn();
				}
			}else{
				str += ''+file.name+'<input type="hidden" value="'+file.name+'" id="inputImgId">'; 
				preview.append(str);
			}
		}
	} else {
		    preview.innerText = "";
	}
}

function imgTextBtn(){
	layui.use('layer', function(){ 
		var layer = layui.layer;
		layer.ready(function(){
			layer.photos({
			  photos: '.layer-photos-demo'
			  ,shift: 0
			  ,shade: false
			  ,closeBtn:1
			});
		  });   
   }); 
}

custSession.custMsgToViewNoTitle = function(send_msg_info,flag,fubg) {
		var news = '';
		var msgInfo = '';

		//发送完成清空文件
		var myfile = document.getElementById('myfile') ; 
		myfile.outerHTML=myfile.outerHTML; 
	
		if(fubg == true){
			var seat = send_msg_info.fileName.lastIndexOf('.');  //截取类型
			var extension =  send_msg_info.fileName.substring(seat).toLowerCase();  //判断类型
			if(allowed.indexOf(extension)>=0){
				if(send_msg_info.file_objsize >= number_min_1){
					msgInfo = '<div id="layer-photos-demo" class="layer-photos-demo"><img layer-src="'+send_msg_info.fileUrl+'" src="'+send_msg_info.fileUrl+'" alt="'+send_msg_info.fileUrl+'" style="'+w_min_1+'"></div>';
				}else{
					msgInfo = '<div id="layer-photos-demo" class="layer-photos-demo"><img layer-src="'+send_msg_info.fileUrl+'" src="'+send_msg_info.fileUrl+'" alt="'+send_msg_info.fileUrl+'" style="'+w_min_2+'"></div>';
				}
				clientSendMsg(msgInfo);
			}
			if(allowed_xlx.indexOf(extension)>=0){
				msgInfo = '<a href="'+send_msg_info.fileUrl+'" style="color:blue;font-size:0.8rem">'+send_msg_info.fileName+'</a>';
				clientSendMsg(msgInfo);
			}
		}else{
			if(flag){
				msgInfo = send_msg_info;
			}else{
				msgInfo = custSession.replace_em(send_msg_info);
			}
		}
		news += '<div>'+
				'<div class="user-group">'+
					'<div class="user-msg">';
						news += '<span class="user-reply">'+ msgInfo +'</span>';
						news += '<i class="triangle-user_1"></i>';
					    news += '</div>'+
					'<img class="user-img_1" src="./image/user.png"/>'+
				'</div>'+
			'</div>';
		$('.newsList').append(news);		//在聊天信息显示区中显示将要发送的消息；	
		$('.RightCont').scrollTop($('.RightCont')[0].scrollHeight );	//聊天消息显示区滚动到最新的消息
		imgTextBtn();
	}

 

转载于:https://my.oschina.net/u/4005929/blog/3012019