0

Estou tentando fazer a atualização de uma imagem com HTML, Ajax e PHP.

O HTML e o Ajax estão configurado corretamente, até onde sei. Mas acho que o problema está sendo no php. pois ele funciona mas me retorna erro. meu php.

<?php
    require_once('conexao.php');

    if($_SERVER["REQUEST_METHOD"] == "POST"){
        $Trocar_foto_perfil = $_FILES['Trocar_img_perfil']['name'];
        echo 'Esse é o nome da minha imagem : '.$Trocar_foto_perfil;

        session_start();
        $On_muda_foto = $_SESSION['Foto_s'];
        echo 'Esse é o ID : '.$On_muda_foto;

        $_UP['pasta'] = 'images-profile/';
        $_UP['tamanho'] = 1024*1024*100;
        $_UP['extensoes'] = array('png','jpg','jpeg');
        $_UP['renomear'] = false;

        if($Trocar_foto_perfil == ""){
            echo "Cororreu algum erro com a imagem!";
        }

        if(array_search($extensao, $_UP['extensao']) === false){
            echo "Rapaz, não adianta tapear não. A img tem a extensão errada!";
        }

        if($_UP['tamanho'] < $_FILES['Trocar_img_perfil']['size']){
            echo "kkkkjj ae tiw a img é muito grande nois num tem host caro n poh!";
        }

        else{
            $Nome_img_perfil = $_FILES['Trocar_img_perfil']['name'];
            $Nome_img_perfil_final = strtolower(preg_replace("[^a-zA-Z0-9-]", "-",strtr(utf8_decode(trim($Nome_img_perfil)),utf8_decode(" "),"-")));

            if(move_uploaded_file($_FILES['Trocar_img_perfil']['tmp_name'], $_UP['pasta']. $Nome_img_perfil_final)){
                $SQL = mysqli_query($conex," UPDATE User_log SET Foto='$Nome_img_perfil_final' WHERE ID=$On_muda_foto");
                echo '<script>history.go(0);</script>';
            }

            else{
                echo "Ocorreu um erro!";
            }
        }
    }
    else{

    };
?>

Meu Ajax

<script>
        $(function(){
            $(".form6").submit(function(event){
                event.preventDefault();
                var formDados = $(".form6").serialize();

                $.ajax({
                    url:"/Arquivo/trocar_img.php",
                    type:"POST",
                    data:formDados,
                    cache:false,
                    processData:false,
                    success:function(data){
                        $("#ressult_log_succes_img_plus").html(data);
                    },
                    error:function(data){
                        $("#ressult_log_error_img_plus").html(data);
                    },
                    dataType:"html"
                });
                return false;
            });
        });
    </script>

O erro que me retorna são esses.

inserir a descrição da imagem aqui

1 Resposta 1

1

O jQuery.serialize serve para transformar os dados para o padrão application/form-urlencoded, ou seja, ele não serve para envios de arquivos.

Para envios de arquivos, você pode utilizar o FormData, por exemplo:

let formDados = new FormData(this);

Adicione também contentType: false, dessa forma você forçará o jQuery a enviar com o Content-Type correto.

Exemplo completo:

$(function(){
    $(".form6").submit(function(event){
        event.preventDefault();
        let formData = new FormData(this);

        let xhr = new XMLHttpRequest();
        xhr.open("POST", "index2.php", false);
        xhr.send(formData);

        $.ajax({
            url:"index2.php",
            type:"POST",
            data:formData,
            cache:false,
            processData:false,
            contentType: false,
            dataType:"html",
            success:function(data){
                $("#ressult_log_succes_img_plus").html(data);
            },
            error:function(data){
                $("#ressult_log_error_img_plus").html(data);
            }
        });
        return false;
    });
});
7
  • Continua dando o mesmo erro.
    – EDGNoizy
    1/03/2018 às 16:25
  • @EDGNoizy se possível posta seu código atualizado no pastebin.com e posta o link aqui 1/03/2018 às 16:46
  • pastebin.com/dZAguZMq
    – EDGNoizy
    1/03/2018 às 17:08
  • @EDGNoizy aparece algum erro? Testei aqui e está tudo OK. 1/03/2018 às 20:17
  • Diz que a imagem não existe, tentei imprimir o nome da variável que a img esta e não me retorna nada
    – EDGNoizy
    1/03/2018 às 21:18

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 .