4

Estou usando o o PlugIn Bootstrap File Input

E está me retornando 'Notice: Undefined offset:'

Códigos

<input id="file-upload" name="files[]" type="file" multiple>

Form já tem o enctype="multipart/form-data">

Post:

$fdata = $_FILES['files'];
$uploads_dir = 'images/';
$img = array();
for ($i = 0; $i < count($fdata['name']); $i++) {

preg_match("/\.(gif|bmp|png|jpg|jpeg){1}$/i", $_FILES['files']['name'][$i], $ext);
$imagem_nome = md5(uniqid(time())) . "." . $ext[1];

$temp_name = $_FILES['files']['tmp_name'][$i];
move_uploaded_file($temp_name, "$uploads_dir"."$imagem_nome");
$img[] = $imagem_nome;
}

Isso é o Upload.

Mesmo dando um echo em:

 echo $_FILES['files']['name']['0'];

Não aparece nada

2 Respostas 2

4

Aqui eu incluí um isset(), para ver se houve envio:

$uploads_dir = 'images/';
$extok = array( 'jpg', 'jpeg', 'gif', 'png', 'bmp' );

$img = array();
if( isset( $_FILES['files'] ) ) {
   $fdata = $_FILES['files'];
   $count = count( $fdata['name'] );

   for ($i = 0; $i < $count; ++$i ) {
      $ext = pathinfo( $fdata['name'][$i], PATHINFO_EXTENSION);

      if( in_array( strtolower( $ext ), $extok ) ) { 
         $imagem_nome = uniqid().'.'.$ext;
         $temp_name = $fdata['tmp_name'][$i];

         move_uploaded_file($temp_name, $uploads_dir.$imagem_nome );
         $img[] = $imagem_nome;
      }
   }
}

Aproveitei e troquei a RegEx da extensão por uma função apropriada, e verificação das extensões aceitáveis.

Também tirei o MD5 do uniquid. A única coisa que o uniqid faz de bom, é conseguir um Id único. Fazendo MD5 dele, acabou de estragar o uniqid.

O time() dentro do uniqid() também não faz sentido, foi removido.

Se preferir, pode usar multiple="multiple", para não ficar um atributo vazio:

<input id="file-upload" name="files[]" type="file" multiple="multiple">
3
  • Fiz as alterações que enviou e percebi que ao Selecionar as imagens pela janela do windows que é aberta ao ser pressionado o botão, as imagens são enviadas no Post, mas, se arrasto as imagens para dentro do Input, são gerados os Previews, mas, as imagens não são enviadas no Post
    – sNniffer
    Commented 17/12/2015 às 12:18
  • 1
    @sNniffer capaz de D'n'D só funcionar com Ajax nesse plugin. Não tenho certeza, mas há essa possibilidade.
    – Largato
    Commented 17/12/2015 às 12:43
  • vou dar uma analisada na documentação, valeu pela resposta
    – sNniffer
    Commented 17/12/2015 às 13:01
1

Resolvido, deixei de usar o Bootstrap File Input, de fato o mesmo só funciona com Drag and Drop caso o upload seja feito via Ajax.

Estou usando HTML5.

<style>
.thumb {
height: 75px;
border: 1px solid #000;
margin: 10px 5px 0 0;
}
</style>

<input type="file" id="files" name="files[]"  multiple="multiple" />
<output id="list"></output>

Javascript:

  function handleFileSelect(evt) {
  var files = evt.target.files; // FileList object

  // Loop through the FileList and render image files as thumbnails.
  for (var i = 0, f; f = files[i]; i++) {

  // Only process image files.
  if (!f.type.match('image.*')) {
    continue;
  }

  var reader = new FileReader();

  // Closure to capture the file information.
  reader.onload = (function(theFile) {
    return function(e) {
      // Render thumbnail.
      var span = document.createElement('span');
      span.innerHTML = ['<img class="thumb" src="', e.target.result,
                        '" title="', escape(theFile.name), '"/>'].join('');
      document.getElementById('list').insertBefore(span, null);
    };
  })(f);

  // Read in the image file as a data URL.
  reader.readAsDataURL(f);
 }
}

document.getElementById('files').addEventListener('change', handleFileSelect, false);

No Post

        if(count($_FILES['files']['name']) > 0)
        {
            for($i=0; $i<count($_FILES['files']['name']); $i++)
            {
                //Get the temp file path
                $tmpFilePath = $_FILES['files']['tmp_name'][$i];

                //Make sure we have a filepath
                if($tmpFilePath != "")
                {

                    $shortname = $_FILES['files']['name'][$i];
                    $filePath = "images/anuncios/" . date('d-m-Y-H-i-s').'-'.$_FILES['files']['name'][$i];
                    if(move_uploaded_file($tmpFilePath, $filePath))
                    {
                        $files[] = $shortname;
                        //insert into db
                        //use $shortname for the filename
                        //use $filePath for the relative url to the file
                    }
                }
            }
        }

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .