Ir para conteúdo

Arquivado

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

NathaN_XLR

Upload de imagem com retorno json

Recommended Posts

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 !

Compartilhar este post


Link para o post
Compartilhar em outros sites

Agora, com FormData é possível.

 

Ex:

http://wbruno.com.br/ajax/upload-de-arquivos-e-dados-com-ajax/

Compartilhar este post


Link para o post
Compartilhar em outros sites

William, muito obrigado pelo exemplo...

 

Mas acredito que o exemplo seja com java puro, sei muito pouco de java...teria algum exemplo com jquery usando o FormData ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Ivan.Teles
      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.
×

Informação importante

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