Upload Images: More than one input file with the same name

Question

I need to upload images, but I can’t create just one input and use the Multiple, like this:

<input type="file" name="images[]" multiple>

What I need is to create 5 inputs that in the backend produce the same result as above.

I tried to create two inputs with the same name, but it didn’t work:

<input type="file" name="images[]">
<input type="file" name="images[]">

PS: It has to be this way, because it is easier for the user to manipulate one at a time.

PHP code:

foreach(Input::file('images') as $imagem){
    $destinationPath = 'uploads/' . Auth::user()->loja_id . '/produtos';
    $extension = $imagem->getClientOriginalExtension();
    $fileName = date('YmdHis')
              .microtime(true)
              .rand(111111111, 999999999)
              .'.'
              .$extension;

    $upload_success = $imagem->move($destinationPath, $fileName);
    $image = new ProdutoImagem;
    $image->produto_id = $produto->id;
    $image->imagem = $fileName;
    $image->save();
}

AJAX code.

$(document).on('submit', '#form-produto', function(e){
                    e.preventDefault();

                    $.ajax({
                        type: 'POST',
                        url: $(this).attr('action'),
                        data: new FormData(this),
                        dataType: 'json',
                        contentType: false,
                        cache: false,
                        processData:false,
                        success: function (data){
                            if(data.status == true){
                                window.location = '/admin/' + data.url;
                            }

                            else{
                                $('.alert span').remove();
                                $('.alert').show();
                                $('.alert').append('<span>' + data.msg + '</span>');
                            }
                        }
                    });
                });

Answer 1

The answer contains example with PHP and with Laravel because the author did not inform that he used Windows in the first version

As in the doc http://php.net/manual/en/features.file-upload.multiple.php the use should be like this:

1. to the first file $_FILES['imagem']['tmp_name'][0]
2. Second file $_FILES['imagem']['tmp_name'][1]

And so on, that is to increase the number of each file, you can use the for () that will solve everything.

An example:

if (empty($_FILES['imagem']['name'])) {
    echo 'Você não selecionou nenhum arquivo';//Aqui você pode trocar por um alert ou customizar como desejar, é um aviso que o usuário provavelmente não selecionou nada
} else {
    $arquivos = $_FILES['imagem'];
    $total = count($arquivos['name']);

    for ($i = 0; $i < $total; $i++) {
        $nome = $arquivos['name'][$i];

        if ($arquivos['error'][$i] !== UPLOAD_ERR_OK) {
            echo 'Erro ao fazer upload de ', htmlspecialchars($nome), '<br>';
            continue;
        }

        if (move_uploaded_file($arquivos['tmp_name'][$i], 'pasta/foo/bar/' . $nome)) {
            echo 'O arquivo ', htmlspecialchars($nome),' foi carregado<br>';
        } else {
            echo 'O arquivo ', htmlspecialchars($nome),' não foi carregado<br>';
        }
    }
}

---

Extras

It is important to remember that the form should contain enctype="multipart/form-data", for example:

<form enctype="multipart/form-data" action="upload.php" method="POST">

Here’s an example of how to check for other errors that might occur in the upload /a/256888/3635:

function mensagem_de_erro($code) {
    switch ($code) {
        case UPLOAD_ERR_OK: //Se o upload for OK ele retorna false
            return false;
        case UPLOAD_ERR_INI_SIZE:
            return 'O upload excedeu o limite máximo definido no upload_max_filesize no php.ini';
        case UPLOAD_ERR_FORM_SIZE:
            return 'O upload excedeu o MAX_FILE_SIZE especificado no formulário HTML';
        case UPLOAD_ERR_PARTIAL:
            return 'O upload foi parcial';
        case UPLOAD_ERR_NO_FILE:
            return 'Não foi selecionado um arquivo';
        case UPLOAD_ERR_NO_TMP_DIR:
            return 'A pasta temporária não foi definida (php.ini) ou não é acessivel';
        case UPLOAD_ERR_CANT_WRITE:
            return 'Não pode fazer o upload na pasta temporaria';
        case UPLOAD_ERR_EXTENSION:
            return 'O upload foi interrompido por uma extensão PHP';
        default:
            return 'Erro desconhecido';
    }
}

The use must be something like that:

for ($i = 0; $i < $total; $i++) {
    $nome = $arquivos['name'][$i];

    $erro = mensagem_de_erro($arquivos['error'][$i]);

    if ($erro) {
        echo $erro, ' - arquivo: ', htmlspecialchars($nome), '<br>';
        continue; //Pula o item atual do array para o proximo se algo falha no atual
    }

    if (move_uploaded_file($arquivos['tmp_name'][$i], 'pasta/foo/bar/' . $nome)) {
        echo 'O arquivo ', htmlspecialchars($nome),' foi carregado<br>';
    } else {
        echo 'O arquivo ', htmlspecialchars($nome),' não foi carregado<br>';
    }
}

---

If it’s Laravel

If it’s Laravel 5.2:

public function metodoDoController(Request $request) {

    if($request->hasFile('attachment')) {

       $files = $request->file('imagem');

        foreach ($files as $file) {
            $file->move('foo/bar/pasta');
        }
    }

}

If Laravel 5.3+ use like this:

public function metodoDoController(Request $request) {

    if($request->hasFile('attachment')) {

        $files = $request->file('imagem');

        foreach ($files as $file) {
            $file->store('foo/bar/pasta');
        }
    }

}

More details on https://laravel.com/docs/5.5/requests#files