Muy buenas noches comunidad, tengo el siguiente problema, tengo el código corriendo perfectamente para subir las imagenes, también tengo un script que no deje subir imagenes mayores a 3MB. El problema es que la mayoria de celulares si toma la foto directamente desde la camara les toma la foto a 4mb o hasta más, el cual ocasionaría un error. Mi jefe quiere que deje de salir la alerta y que el programa automaticamente le baje la calidad o el tamaño de la imagen al subirla al servidor.
public function Subircuenta($id)
{
$mi_archivo = 'img';
$config['upload_path'] = './assets/img/certificadosBanco/';
$config['allowed_types'] = "jpg|png|jpeg";
$this->load->library('upload', $config);
if (!$this->upload->do_upload($mi_archivo)) {
$error = array('error' => $this->upload->display_errors());
echo json_encode($error);
} else {
$data = array("upload_data" => $this->upload->data());
$imagen = $data['upload_data']['file_name'];
$arre = array(
"img" => $imagen,
);
$this->Model_login->subirCuenta($arre );
redirect(base_url() . "Perfil/perfil2", "refresh");
}
}
no hay necesidad de explicar lo del if, toda la funcionalidad de subir archivos lo hace antes del if.
Este es el input que recibe
<input type="file" class="form-control" aria-label="img" aria-describedby="basic-addon1" id="miInput" name="img">
const MAXIMO_TAMANIO_BYTES = 3000000; // 1MB = 1 millón de bytes
// Obtener referencia al elemento
const $miInput = document.querySelector("#miInput");
$miInput.addEventListener("change", function() {
// si no hay archivos, regresamos
if (this.files.length <= 0) return;
// Validamos el primer archivo únicamente
const archivo = this.files[0];
if (archivo.size > MAXIMO_TAMANIO_BYTES) {
const tamanioEnMb = MAXIMO_TAMANIO_BYTES / 1000000;
alert(`El tamaño máximo es ${tamanioEnMb} MB`);
// Limpiar
$miInput.value = "";
} else {
// Validación pasada. Envía el formulario o haz lo que tengas que hacer
}
});