Установите размер загружаемого изображения

Question

Я пытаюсь ограничить размер загружаемого файла до 1 Мб, используя следующий JQuery код:

<td><label> Upload image </label> 
    <input type="file" class="upload" name="image" value="<?php echo set_value('image'); ?>" /> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
    $(document).on('change','.upload',function(){ 
     files = this.files; 
     size = files[0].size; 
     //max size 50kb => 50*1000 
     if(size > 1000141) { 
     alert('Please upload less than 1mb file'); 
     return false; 
     } 
     return true; 
    }); 
</script> 

Когда я загрузить файл больше 1 МБ, он отображает сообщение об ошибке, но загрузка идет через успешно. Что вызывает это?

Answer 1

Вы можете использовать скрытое поле, чтобы установить максимальный размер.

<input type="hidden" name="MAX_FILE_SIZE" value="30000" />

Поле должно быть до ввода типа = файл. Но будьте осторожны, чтобы обойти MAX_FILE_SIZE. Вы также должны проверить размер файла с помощью php.

$size= $_FILES["myfile"]["size"]; 
if($size > 1000141) 
{ 
//dont upload file 
} 
else { 
//upload file 
}