zoukankan      html  css  js  c++  java
  • js规定图片上传的尺寸与大小

    <div class="file-box layui-col-md6">
    	<input type="file" lay-verify="ad_img" value="" name="ad_img[]" id="input_file" class="input_file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" onchange="uploadAndShow1(this)">
    	<img src="" alt="" style=" 100%;height: 100%" />
    </div>
    

      js:

    //图片上传
    			function uploadAndShow1(obj) {
    				var fileSize = 0;
    				var fileMaxSize = 1024; //1M
    				var filePath = obj.value;
    				var reader = new FileReader();
    				if (filePath) {
    					fileSize = obj.files[0].size;
    					var size = fileSize / 1024;
    					if (size > fileMaxSize) {
    						layer.msg("图片大小不能超过1M", {
    							time: 2000,
    							icon: 10
    						});
    						obj.value = "";
    						return false;
    					}else{
    						var reader = new FileReader();
    						reader.onload = function(e) {
    							var image = new Image();
    							     image.src = e.target.result;
    								 image.onload = function() {
    								var height = this.height;
    								var width = this.width;
    									if(width!=800 && height!=800 ){
    										layer.msg("请上传800*800像素的图片", {
    											time: 2000,
    											icon: 10	
    										});
    										obj.value = "";
    										return false;
    									}else{
    										$(obj).parent().find('img').attr('src', e.target.result);
    										$(obj).css({
    										  "position":"absolute",
    										  "opacity":"0",
    										});
    									}
    								 };	
    						};
    						reader.readAsDataURL(obj.files[0]);
    					}
    				} else {
    					return false;
    				}
    			}
    

      

  • 相关阅读:
    监控神器-普罗米修斯Prometheus的安装
    Prometheus+Grafana搭建监控系统
    Win10安装PyQt5与Qt Designer
    分区 partition
    16-成绩3
    15-成绩2
    14-票价问题
    13-union 、distinc、 join
    集群无法启动的问题?
    12-order by和group by 原理和优化 sort by 倒叙
  • 原文地址:https://www.cnblogs.com/9608kai/p/13433017.html
Copyright © 2011-2022 走看看