0

Tenho este código:

function uploadFile(x){


  //DEFINIÇÃO E RECEPÇÃO DAS VARIAVEIS PRA ENVIAR COM O AJAX
  var file              = document.getElementById("id_arq_documento_" + x ).files[0];
  var id                = document.getElementById("id_arq_" + x).value;
  var local_armazenado  = document.getElementById("local_armazenado_" + x).value;
  var autorizacao       = document.getElementById("autorizacao_" + x).value;

       //CHECA SE O INPUT FILE ESTÁ VAZIO...
        if(document.getElementById("id_arq_documento_" + x).files.length == 0){

            alert("Erro (" + x +"): Você deve selecionar um arquivo para envio");

        } else if(document.getElementById("local_armazenado_" + x ).value == 0){

            alert("Erro (" + x +"): Você deve informar o local de armazenamento");

        } else if( confirm('Deseja Realmente arquivar o documento? Esta ação não pode ser desfeita.')) {


        //SE O INPUT FILE NÃO ESTIVER VAZIO, EXECUTA A FUNÇÃO

          var formdata = new FormData();
          formdata.append("arqUP", file);
          formdata.append("autorz", autorizacao);

          var ajax = new XMLHttpRequest();
          ajax.upload.addEventListener("progress", progressHandler, false);
          ajax.addEventListener("load", completeHandler, false);
          ajax.addEventListener("error", errorHandler, false);
          ajax.addEventListener("abort", abortHandler, false);
          ajax.open("POST", "https://www.meusite.com.br/upload/upload.php?");
          ajax.send(formdata);

          //POR SEGURANÇA, QUANDO A FUNÇÃO FOR ACIONADA, IRà DESABILITAR O CAMPO processar E CHECKBOX
            document.getElementById("botao_processar_"+ x ).disabled = 'true';
            document.getElementById("progressBar_"+ x).style.display = 'block';
            document.getElementById("botao_processar_"+ x).style.display = 'none';


          function progressHandler(event){
          var percent = (event.loaded / event.total) * 100;
          document.getElementById("progressBar_"+ x).value = Math.round(percent);

          document.getElementById("status_"+ x).innerHTML = "Processando: " +Math.round(percent)+"%";


        }
        function completeHandler(event){

          document.getElementById("status_" + x).innerHTML = event.target.responseText;
          document.getElementById("progressBar_" + x).value = 0;

          document.getElementById("progressBar_" + x).remove();
          document.getElementById("botao_processar_" + x).remove();
          document.getElementById("id_arq_documento_" + x).disabled = 'true';
          document.getElementById("local_armazenado_" + x).disabled = 'true';
          document.getElementById("status_arquivo_" + x).innerHTML= '';
          alert('Up ok' + x);



        }
        function errorHandler(event){
          document.getElementById("status_" + x).innerHTML = "Falha ao enviar";
        }
        function abortHandler(event){
          document.getElementById("status_" + x).innerHTML = "Envio abortado";
        }

      }
    }

Quando chamo a função dentro do meu servidor, ele executa normalmente:

ajax.open("POST", "upload.php");

Mas quando tento enviar o POST para uma URL externa:

ajax.open("POST", "https://www.meusite.com.br/upload/upload.php?");

Ele me retorna o erro:

Falha ao enviar

E no meu console do Inpecionar Elemento aparece:

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://10.4.0.218' is therefore not allowed access.

Já verifiquei tudo. Permissões de escrita no servidor remoto, tudo.

O que pode ser? Tens alguma ideia?

12
  • E esse arquivo externo seria exatamente o mesmo código PHP que você roda localmente?
    – Woss
    29/07/2017 às 13:25
  • Na verdade ele é uma API a qual tenho que informar as seguintes variáveis: $arqUP que é o arquivo para UPLOAD e autorz que é a autorização de upload: 29/07/2017 às 13:26
  • E essa API permite requisições externas?
    – Woss
    29/07/2017 às 13:29
  • Sim. Abri meu console do Inspecionar Elemento e apareceu o seguinte erro: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '10.4.0.218' is therefore not allowed access. 29/07/2017 às 13:55
  • O local onde vai chamar o arquivo de upload vai ser em outro domínio mesmo? 29/07/2017 às 14:06

0

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

Pesquise outras perguntas com a tag .