How to allow upload of images with a maximum of 5mb with this script?

0

I do not understand almost anything and I want to help a friend. It has a script that resizes the image before doing the upload and saves the resized image with PHP . It turns out that he would like to put a maximum MBs limit on the image by preventing the user from sending gigantic images, overloading the server.

Below is the script :

// Iniciando biblioteca
var resize = new window.resize();
resize.init();

// Declarando variáveis
var imagens;
var imagem_atual;

// Quando carregado a página
$(function ($) {
    // Quando selecionado as imagens
    $('#imagem').on('change', function () {
        enviar();
    });
});

/*
 Envia os arquivos selecionados
 */
function enviar(){

    // Verificando se o navegador tem suporte aos recursos para redimensionamento
    if (!window.File || !window.FileReader || !window.FileList || !window.Blob) {
        alert('O navegador não suporta os recursos utilizados pelo aplicativo');
        return;
    }

    // Alocando imagens selecionadas
    imagens = $('#imagem')[0].files;

    // Se selecionado pelo menos uma imagem
    if (imagens.length > 0){

        // Definindo progresso de carregamento
        $('#progresso').attr('aria-valuenow', 0).css('width', '35%').html('Carregando..');
            // Escondendo campo de imagem
        $('#imagem').hide();
        // Iniciando redimensionamento
        imagem_atual = 0;
        redimensionar();
    }
}

    /*
     Redimensiona uma imagem e passa para a próxima recursivamente
     */
    function redimensionar(){

        // Se redimensionado todas as imagens
        if (imagem_atual > imagens.length){

            // Definindo progresso de finalizado
            $('#progresso').html('Imagem enviada com sucesso');

            // Limpando imagens
            limpar();

            // Exibindo campo de imagem
            $('#imagem').show();

            // Finalizando
            return;
        }

        // Se não for um arquivo válido
        if ((typeof imagens[imagem_atual] !== 'object') || (imagens[imagem_atual] == null)){
            // Passa para a próxima imagem
            imagem_atual++;
            redimensionar();
            return;
        }

        // Redimensionando
        resize.photo(imagens[imagem_atual], 800, 'dataURL', function (imagem) {

            // Salvando imagem no servidor
            $.post('ajax/salvar.php', {imagem: imagem}, function() {

                // Definindo porcentagem
                var porcentagem = (imagem_atual + 1) / imagens.length * 100;

                // Atualizando barra de progresso
                $('#progresso').text(Math.round(porcentagem) + '%').attr('aria-valuenow', porcentagem).css('width', porcentagem + '%');

                // Aplica delay de 1 segundo
                // Apenas para evitar sobrecarga de requisições
                // e ficar visualmente melhor o progresso
                setTimeout(function () {
                    // Passa para a próxima imagem
                    imagem_atual++;
                    redimensionar();
                }, 100);

            });

        });
    }

How do I limit the size of the image to be uploaded to a maximum of 5MB? Is it possible to create something that checks the size of the image before doing upload and before starting to resize it and save via php?

    
asked by anonymous 27.08.2017 / 07:04

0 answers