How to limit the size for file upload

Dear Shah,

Please do the following step by step:

I've created this view for testing

now we need to set some properties for the text box and the button

text box control:

1- name : txtSize

2- remove watermark

3- width 0%

button control:

1- name: btnGetSize

2- text: Get Size

3- tooltip: Action Button

Add the following code as an expression on the datalable control:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
 $("[title='Action Button']").click(function(){



 var details = document.getElementsByClassName("file-info file-ellipsis")[0].innerHTML;



 var index = details.lastIndexOf(">"); 
 var getsize = details.substring(index+1);



 var bytes = getsize.indexOf("bytes");
 var KB = getsize.indexOf("KB");
 var MB = getsize.indexOf("MB");


if (bytes != -1) {
 var b = getsize.replace("bytes", "");
 $('input[name="txtSize"]').val((b / 1024) / 1024);
}

if (KB != -1) {
 var k = getsize.replace("KB", "");
 $('input[name="txtSize"]').val(k / 1024);
}

if (MB != -1) {
 var k = getsize.replace("MB", "");
 $('input[name="txtSize"]').val(k);
}


$('input[name="txtSize"]').focus();

 });
});
</script>

When you click on the Get Size button, it will set the value of the text box.

Please Note: the previous code converts the size unit to MB, so in your condition consider the the size will be in MB

for example: 

I added a file of size 266 bytes, after conversion it will be 0.0002536773681640625 MB

If txtSize less than 5

Execute Create method

ALSO you will have to add a rule to empty the txtSize if the attachment has been deleted

When Attachemnt is changed

if attachment is empty

transfare empty string to txtSize

 *****UPDATE*****

Add another data lable on the viewform and add an expression on it has the following code to hide the textbox because we can't make it invisible from it's properties, if you make invisible it won't get the size, the following code will makes it's opacity 0 on runtime:

<script type="text/javascript">
 $(document).ready(function() 
{       
$('input[name="txtSize"]').css('opacity', '0');
});

</script>

tested on IE 11 and Chrome 42

if you face and problem, download and deploy the attached package :)

sorry if my code is not organized.

wish it helps