Styjun

var _URL = window.URL || window.webkitURL;

$("#UploadImg").change(function(e) 
 if (checkFileDetails()) 
 var data = new FormData();
 var files = $("#UploadImg").get(0).files;
 if (files.length > 0) 
 data.append("MyImages", files[0]);
 


 $.ajax(
 url: "/Image/UploadFile",
 type: "POST",
 processData: false,
 contentType: false,
 data: data,
 async: false,
 success: function(response) 
 //code after success
 $("#txtImg").val('/Upload/' + response);
 $("#imgPreview").attr('src', '/Upload/' + response);
 ,
 error: function(er) 
 alert(er);
 

 );
 else 
 //alert('something went wrong');
 console.log('ss');
 

);

function checkFileDetails() 


 var fi = document.getElementById('UploadImg');
 if (fi.files.length > 0) // FIRST CHECK IF ANY FILE IS SELECTED.
 for (var i = 0; i <= fi.files.length - 1; i++) 

 // GET THE IMAGE WIDTH AND HEIGHT USING fileReader() API.

 



function checkheightwidth(imgfile) 
 var file, img;
 if ((file = imgfile)) 
 img = new Image();
 img.onload = function() 
 alert(this.width + " " + this.height);
 var w = this.width;
 var h = this.height;

 if (w < 1024 && h < 790) 

 alert('Please upload high resolution image.');
 $('#UploadImg').val('');
 return false;

 else 
 return true;
 
 ;
 img.src = _URL.createObjectURL(file);
 //return true;
 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" id="UploadImg" />
<br />
<p id="fileInfo"></p>
<img id="imgPreview" class="thumbnail" style="height:200px; width:200px" />
<div class="input-group">
 <span class="input-group-btn">
 <button class="btn" type="button" data-clipboard-target="#txtImg" onclick="copytxt();">
 <i class="fa fa-clipboard" aria-hidden="true"></i>
 </button>
 </span>
 <input type="text" placeholder="Copy Image link" id="txtImg" class="form-control" aria-label="..." onchange="copytxt();" />

</div>

var _URL = window.URL || window.webkitURL;

$("#UploadImg").change(function(e) 
 if (checkFileDetails()) else 
 //alert('something went wrong');
 console.log('ss');
 

);

function uploadFile() 
 var data = new FormData();
 var files = $("#UploadImg").get(0).files;
 if (files.length > 0) 
 data.append("MyImages", files[0]);
 

 $.ajax(
 url: "/Image/UploadFile",
 type: "POST",
 processData: false,
 contentType: false,
 data: data,
 async: false,
 success: function(response) 
 //code after success
 $("#txtImg").val('/Upload/' + response);
 $("#imgPreview").attr('src', '/Upload/' + response);
 ,
 error: function(er) 
 alert(er);
 

 );



function checkFileDetails() 

 var fi = document.getElementById('UploadImg');
 if (fi.files.length > 0) // FIRST CHECK IF ANY FILE IS SELECTED.
 for (var i = 0; i <= fi.files.length - 1; i++) 

 // GET THE IMAGE WIDTH AND HEIGHT USING fileReader() API.

 



function checkheightwidth(imgfile) 
 var file, img;
 if ((file = imgfile)) 
 img = new Image();
 img.onload = function() 
 alert(this.width + " " + this.height);
 var w = this.width;
 var h = this.height;

 if (w < 1024 && h < 790) 

 alert('Please upload high resolution image.');
 $('#UploadImg').val('');
 return false;

 else 
 uploadFile();
 return true;
 
 ;
 img.src = _URL.createObjectURL(file);
 //return true;