Estamos realizando un sistema web de registro de mascotas y queremos que al momento de registrar la mascota debe de incluir una foto de la mascota, nos gustaría nos ayuden con la validación de esa foto, quiere decir que ese campo debe no debe de estar vació y las extensiones como .jpg, .png
<div class="form-row">
<div class="form-group col-12 col-md-12">
<label for="foto-can">Foto de la mascota</label>
<div class="custom-file">
<input
type="file"
class="custom-file-input"
id="fotoMascotaRegistra"
/>
<label
class="custom-file-label"
for="customFileLangHTML"
data-browse="Elegir archivo"
>* Seleccionar una foto</label>
</div>
</div>
</div>