Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ivan.Teles

Files upload igual a zero

Recommended Posts

Bom dia Galera..

Alguém consegue ver algum erro neste JS?

$("#inputImage").on('change',
                function(e) {
                    var formData = new FormData();
                    formData.append("file", e.target.files[0]);
                    console.log(formData);
                    $.ajax({
                        type: "POST",
                        url: '/Dependente/UploadFoto?id=@Model.Id',
                        data: formData,
                        dataType: 'json',
                        contentType: true,
                        processData: false,
                        success: function(ret) {
                            if (ret.uploaded == "1") {
                                $(".showImg").attr("src", ret.uploaded.url);
                                $(".removerFoto").show();
                            }
                        },
                        error: function (xhr, status, p3, p4) {
                            var err = "Error " + " " + status + " " + p3 + " " + p4;
                            if (xhr.responseText && xhr.responseText[0] == "{")
                                err = JSON.parse(xhr.responseText).Message;
                            console.log(err);
                        }
                    });
                });
<label title="Selecione uma imagem" for="inputImage" class="btn btn-xs btn-primary">
                            <input type="file" accept="image/*" name="file" id="inputImage" class="hide">
                            <i class="fa fa-picture-o"></i> Selecionar imagem
                        </label>

Ele não passa nenhum arquivo, repare que no console.log(formData), ele printa sempre 0 arquivo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Hugo Lindoso
      Estou com um pequeno código para fazer upload de áudio, porém está apresentando erro de Undefined index em duas linhas referentes a "audioFile".
       
       
      Encontrei diversas perguntas similares mas não consegui solucionar o problema. Nestas perguntas consultadas, na maioria das vezes o problema estava na declaração do "enctype", o que acredito não ser o meu caso.
      Segue o código:
       
      formulario.php
      <html> <head> <meta charset="utf-8"> <title>Upload de audio</title> </head> <body> <form action="upload.php" method="POST" enctype="multipart/form-data"> <input type="file" name="audioFile"/> <input type="submit" value="Upload Audio" name="save_audio"/> </form> </body> </html>  
      upload.php
      <?php if(isset($_POST['save_audio']) && $_POST['save_audio'] == "Upload Audio") { $dir='uploads/'; $audio_path=$dir.basename($_FILES['audioFile']['name']); // Erro if(move_uploaded_file($_FILES['audioFile']['tmp_name'],$audio_path)) // Erro { echo 'upload ok'; } } ?> Realizei testes com arquivos de áudio de tamanhos diferentes (de 1,4Mb a 4,8Mb) e o problema persiste.
       
      Obs.: A pasta uploads encontra-se no mesmo caminho que as páginas aqui apresentadas.
       
    • Por gustalevin
      Criei o seguinte formulário abaixo no site de um cliente, pra que se possa fazer a troca da foto de um usuário:
      <form id="formulario" method="post" enctype="multipart/form-data"> <div class="blocoCampo"> <span> Escolher nova foto (dimensões: 50px x 50px; formato: JPG) </span> <input type="file" id="imgupload" name="imgupload"> </div> <div class="confirmarTrocaSenha"> <input type="button" value="" id="btn_troca_foto"> </div> </form> Em seguida, eu criei na função abaixo (javascript) pra ele conferir a extensão e as medições em Pixels do arquivo. Ele deve ser sempre 50x50 e JPG:
      var _URL = window.URL || window.webkitURL; $("#imgupload").change(function (e) { // Aqui verifica as dimensões e a extensão do arquivo var foto = $('#imgupload').val(); var extensao = foto.substr(foto.length - 3); var file, img; if ((file = this.files[0])) { img = new Image(); img.onload = function () { if(this.width !== 50){ alert('Dimensões não permitidas!'); $("#imgupload").val(''); } else if(this. height !== 50){ alert('Dimensões não permitidas!'); $("#imgupload").val(''); } else if(extensao != 'jpg'){ alert('Extensão não permitida!'); $("#imgupload").val(''); } }; img.src = _URL.createObjectURL(file); } }); E abaixo é a função que deve hospedar a foto, depois que a mesma for carregada:
      $('#btn_troca_foto').click(function(){ var imgupload = $('#imgupload').val(); if(imgupload == ''){ alert("Nenhuma foto selecionada!"); } else{ $.ajax({ url: "trocarfoto", type: "POST", data: { imgupload: imgupload }, success:function(a){ alert(a); $('.contentLightbox, .bgLightbox').fadeOut(); } }); } }); E o link da função trocarfoto está em PHP abaixo:
      public static function trocaFoto() { @mkdir('upload/wt_usuario', 0777); $target = "upload/wt_usuario/" . $_SESSION['usuario']['id'] . ".jpg"; move_uploaded_file($_FILES['imgupload']['tmp_name'], $target); echo "Foto de perfil alterada"; } Tudo funcionando, menos a parte da função move_uploaded_file, que deveria pegar o arquivo que está no input imgupload e transferir pro diretório no servidor do meu site.
      O que será que tem de errado ou que pode estar faltando? Sei que procurando na internet tem várias formas de fazer, mas acredito que esteja faltando apenas algum detalhes no meu código.
      Agradeço quem puder ajudar.
    • Por NathaN_XLR
      Pessoal,
       
      Como posso realizar o upload de uma imagem e a função em php me retornar dados em json ?
       
      Meu objetivo é poder enviar uma imagem para o servidor sem que a página seja recarregada.
       
      Desde já agradeço !
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.