En mi caso, desde hace un tiempo he comenzado a considerar ciertas clases estratégicas para mi proyecto. Una de ellas es
jquery form-validator que incorpora validaciones javascript mediante jquery para múltiples usos en los formularios html/php que realizo.
Para tu requerimiento, en el caso de imágenes puedes validar el tipo de archivo de imagen, su tamaño en px (minimo y maximo), su encuadre (relación alto-ancho), entre otras tantas cosas.
En el caso de la validación de imágenes solo debes agregar las variables adicionales al campo input: data-validation-allowing="jpg"
y data-validation-dimension="min100"
para activarlo. Ver ejemplo:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
<form>
<fieldset>
<div class="form-group">
<?php // campo IMAGEN NATURAL ?>
<label for="img_natural" class="col-sm-6 control-label">Imagen Natural (N)</label>
<div class="col-sm-10"><input type="file" id="img_natural" name="img_natural" accept="image/jpeg" data-validation-allowing="jpg" data-validation-error-msg="Elija una imagen con formato JPG." data-validation="required" />
<p class="help-block">formato .JPG (requerido)</p>
</div>
</div>
<div class="form-group">
<?php // campo IMAGEN MINIATURA ?>
<label for="img_miniatura" class="col-sm-6 control-label">Imagen Miniatura (M)</label>
<div class="col-sm-10"><input type="file" id="img_miniatura" name="img_miniatura" accept="image/jpeg" data-validation-allowing="jpg" data-validation-error-msg="Elija una imagen con formato JPG." data-validation="required" />
<p class="help-block">formato .JPG, tamaño 100 x 100 px</p>
</div>
</div>
<button>Enviar</button>
</fieldset>
</form>
<script>
$.validate({
modules: 'file'
});
</script>
Para el caso de tamaños de archivos, puedes incluir las variables en el campo input:
data-validation="mime size" data-validation-allowing="jpg, png, gif" data-validation-max-size="2M
lo cual validará tamaño máximo 2MB y formato de los archivos a importar.
Es simple. Seguramente te preguntarás, ¿por qué incluir clases? En mi caso la respuesta fue que solo voy a sumar clases que resuelvan varios problemas a la vez. Si solo resuelve una validación o un rellenado, no vale la pena. Esta clase sí lo vale.