Skip to main content
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/
Fonte Link
Adicionado exemplo jquery
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

No catch você deveria informar o erro do parseJSON, mas ao invés disto você criou um erro no front-end que não corresponde ao erro do jqXHR.responseText, ou seja é uma falha de lógica sua. O correto era apresentar o erro da variável e, o uso do $.post também está sem o done e o $.post não faz upload até aonde sei, você deverá usar FileReaderFormData pra isto.

Um exemplo como $.ajax e FormData:

function GravaUpload(event) {
    var arquivo = $('#frmUpload input[name=fileUpload]');

    var dados = new FormData;
    dados.append('fileUpload', arquivo[0]);

    $.ajax({
        url: 'file/destination.html', 
        type: 'POST',
        data: dados,
        dataType: "json",//Força o tipo json na resposta
        processData: false
    }).done(function(data) {
        $("#resultado-upload").html(data.msg);
    }).fail(function(jqXHR, textStatus, errorThrown) {
        $("#resultado-upload").html("Erro:" + textStatus);
    });
}

Como alternativa pode usar também https://github.com/blueimp/jQuery-File-Upload

No catch você deveria informar o erro do parseJSON, mas ao invés disto você criou um erro no front-end que não corresponde ao erro do jqXHR.responseText, ou seja é uma falha de lógica sua. O correto era apresentar o erro da variável e, o uso do $.post também está sem o done e o $.post não faz upload até aonde sei, você deverá usar FileReader pra isto.

No catch você deveria informar o erro do parseJSON, mas ao invés disto você criou um erro no front-end que não corresponde ao erro do jqXHR.responseText, ou seja é uma falha de lógica sua. O correto era apresentar o erro da variável e, o uso do $.post também está sem o done e o $.post não faz upload até aonde sei, você deverá usar FormData pra isto.

Um exemplo como $.ajax e FormData:

function GravaUpload(event) {
    var arquivo = $('#frmUpload input[name=fileUpload]');

    var dados = new FormData;
    dados.append('fileUpload', arquivo[0]);

    $.ajax({
        url: 'file/destination.html', 
        type: 'POST',
        data: dados,
        dataType: "json",//Força o tipo json na resposta
        processData: false
    }).done(function(data) {
        $("#resultado-upload").html(data.msg);
    }).fail(function(jqXHR, textStatus, errorThrown) {
        $("#resultado-upload").html("Erro:" + textStatus);
    });
}

Como alternativa pode usar também https://github.com/blueimp/jQuery-File-Upload

Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Ele sempre cai na primeira exceção porque não é um problema com o banco de dados e sim com o try/catch.

Resolvendo o problema no front-end

try {
    var json = $.parseJSON(jqXHR.responseText);
    var msg = '' + json.errorMessage + '.';
    $("#resultado-upload").html(msg);
} catch(e) { 
    var msg = 'Ocorreu um erro ao tentar manipular os dados. Verifique sua conexão com o banco de dados.';
    $("#resultado-upload").html(msg);
}

No catch você deveria informar o erro do parseJSON, mas ao invés disto você criou um erro no front-end que não corresponde ao erro do jqXHR.responseText, ou seja é uma falha de lógica sua. O correto era apresentar o erro da variável e, o uso do $.post também está sem o done e o $.post não faz upload até aonde sei, você deverá usar FileReader pra isto.

Resolvendo o problema no back-end

O outro problema está no PHP, aonde você setou isto $aretorno["msg"], mas a variável $aretorno não existe, então deve estar ocorrendo algum erro no seu php dizendo algo como:

Undefined variable $aretorno

Para corrigir basta criar a variavel do tipo array, assim:

error_reporting(E_ALL);
ini_set('display_errors', 1);

$aretorno = array();//Cria a variavel

if ($_SERVER['REQUEST_METHOD'] == 'POST') { 

    $name     = $_FILES['fileUpload']['name'];
    $tmpName  = $_FILES['fileUpload']['tmp_name'];
    $error    = $_FILES['fileUpload']['error'];
    $size     = $_FILES['fileUpload']['size'];
    $ext      = strtolower(pathinfo($name, PATHINFO_EXTENSION));

    switch ($error) {
        case UPLOAD_ERR_OK:
            $valid = true;
            //validate file extensions
            if ( !in_array($ext, array('jpg','jpeg','png','gif','doc','docx','pdf','xls')) ) {
                $valid = false;
                $aretorno["msg"] = 'Extensao de arquivo invalida ';
            }
            //validate file size
            if ( $size/1024/1024 > 2 ) {
                $valid = false;
                $aretorno["msg"] = 'Tamanho do arquivo e superior a tamanho maximo permitido';
            }
            //upload file
            if ($valid) {
                $targetPath =  dirname( __FILE__ ) . DIRECTORY_SEPARATOR. 'arquivos' . DIRECTORY_SEPARATOR. $name;
                move_uploaded_file($tmpName,$targetPath); 
                header( 'Location: DetalhesContrato.php' ) ;
                exit;
            }
            break;
        case UPLOAD_ERR_INI_SIZE:
            $aretorno["msg"] = 'O arquivo enviado excede a directiva upload_max_filesize em php.ini.';
            break;
        case UPLOAD_ERR_PARTIAL:
            $aretorno["msg"] = 'O arquivo foi apenas parcialmente enviado.';
            break;
        case UPLOAD_ERR_NO_FILE:
            $aretorno["msg"] = 'Nenhum arquivo foi transferido.';
            break;
        case UPLOAD_ERR_NO_TMP_DIR:
            $aretorno["msg"] = 'Faltando uma pasta temporaria. Introduzida no PHP 4.3.10 e PHP 5.0.3.';
            break;
        case UPLOAD_ERR_CANT_WRITE:
            $aretorno["msg"] = 'Falha ao gravar arquivo em disco. Introduzido no PHP 5.1.0.';
            break;
        default:
            $aretorno["msg"] = 'Erro desconhecido';
        break;
    }
} else {
    //Envia um erro acaso o usuário tente acessar o script por outros métodos
    $aretorno["msg"] = 'Método HTTP não suportado para está ação';
}

header('Content-Type: application/json');
echo json_encode($aretorno);

Extras

Note que o pathinfo só pega a extensão e muitas vezes a extensão pode não representar o conteudo real do arquivo, já que a extensão pode ser alterada, isto é muito IMPORTANTE, pois se quer garantia que o tipo de arquivo enviado é o que deseja então terá que usar outro método, eu respondi um questão sobre isto e ela pode lhe ajudar, veja:

Basta alterar a variável para:

$permitidos = array(
    'jpg','jpeg','png','gif','doc','docx','pdf','xls'
);

e usar a variavel $tmpName para pegar o mimetype.

$permitidos = array(
    'jpg','jpeg','png','gif','doc','docx','pdf','xls'
);

$infos = mimeType($tmpName);

//Transforma image/jpeg em jpeg por exemplo
$infos = preg_replace('#^[a-zA-Z\-]+\/#', '', $infos);

$infos = str_replace('x-', '', $infos);

if (false === in_array($infos, $permitidos)) {
    $aretorno["msg"] = 'O tipo de arquivo enviado é inválido, permitido somente imagens';
}