Ir para conteúdo

POWERED BY:

Arquivado

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

pedrohcosta

[Resolvido] Erro usando o plugin jQuery File Upload

Recommended Posts

Bom dia Pessoal, 

Bom, é o seguinte... 

Estou tentando utilizar um plugin de upload de arquivo que é o jQuery File Upload, esse até agora foi o melhor que achei pois o layout é bem bacana e intuitivo. 

Mas estou enfrentando vários problemas, tanto utilizando local, como em meu site. 

Baixei ele para a minha máquina e também subi ele para o meu servidor e nele próprio quando a gente baixa já tem um exemplo pronto, que é oq estou utilizando Basic Plus UI. 

Bom... vamos aos problemas, primeiramente local. 

Quando utilizo ele local, clico em Start Upload, a imagem que inseri o ícone dela some e quando clico para abrir ela não abre.

image.png.5dab8cc799a842a4e5be8c67c6241603.png

 

Quando mando inspecionar elemento vejo que aparece um erro que é o seguinte.

 image.png.a346ae2f60afa1e3c05ada43470d3e25.png

 

e quando entro no link da imagem aparece a seguinte tela 

image.thumb.png.4b0d11afaeb9c637ea70284df35b4d2b.png

 

Agora quando estou utilizando no meu servidor web, já muda a história, as imagens são carregadas tudo certinho, mas o botão delete não funciona, e quando inspeciono o elemento vejo o seguinte erro.

image.png.a03c8e3fcfb977b73e33ce8cef1f27b0.png

 

e quando clico no endereço aparece pra minha a seguinte mensagem. 

image.thumb.png.6c7a495661aa6176867c0a76283e6383.png

Alguém poderia me ajudar, já estou tentando resolver esse problema a quase 1 mês, já tentei de tudo pesquisei e nada. e para piorar sou meio cru em jquery e na manipulação de plugins. 

Desde já agradeço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

No teu servidor local tem cara de ser permissão. É windows ou linux? IIS, apache ou nginx?

 

Já no servidor remoto, é permissão de método HTTP:

Citar

The HyperText Transfer Protocol (HTTP) 405 Method Not Allowed response status code indicates that the request method is known by the server but has been disabled and cannot be used.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado por responder, então o meu local eu uso o vertrigo apache, agora no meu servidor é hospedado no plesk acho que é nginx. 

Sabe me dizer como libero essas permissões?

Compartilhar este post


Link para o post
Compartilhar em outros sites

No seu servidor local, é interessante olhar os logs do apache.

 

No nginx, teria que verificar o que está bloqueando o método DELETE. Pelo o que eu pesquisei, é recorrente:

https://github.com/laravel/homestead/issues/812

https://www.digitalocean.com/community/questions/nginx-405-not-allowed-against-put-method

https://laracasts.com/discuss/channels/forge/nginx-returns-405-method-not-allowed-for-put-or-delete

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Gabriel Heming  estava analisando os arquivos que vem junto do plugin, tem um arquivo que diz o seguinte 

 

Para excluir arquivos enviados do serviço de upload de arquivo de demonstração entre domínios. ### Backends personalizadosVocê pode adicionar suporte para vários backends, aderindo à especificação [descrito aqui] (https://github.com/blueimp/jQuery-File-Upload/wiki/JSON-Response).

 

Só um problema esse link não existe é redirecionado para a pasta de documentação do plugin. 

 

Acredito então que não seja permissões que preciso liberar no servidor e sim alguma configuração que devo fazer no próprio plugin.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Existe uma configuração, mas, pelo o que eu vi dos seus códigos, já estava sendo feita: https://stackoverflow.com/a/41531350/1628790

Compartilhar este post


Link para o post
Compartilhar em outros sites

Depois de quase um mês de pesquisa, descobri o problema, uma coisa bem simples e não precisa mexer nas permissões do servidor. 

Eu alterei o arquivo UploadHandler.php  duas linhas que estavam assim: 

'user_dirs' => false,
'delete_type' => 'DELELTE'

 

alterei para: 

'user_dirs' => true,
'delete_type' => 'POST'

 

Apenas isso resolveu o meu problema, já estava para desistir, de qualquer forma valeu @Gabriel Heming pela atenção e paciência. 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Realmente estranho ter pouca informação sobre isso. Basicamente é a definição dos métodos HTTP's que são utilizados por requisição.

São utilizados para requisições REST, mas não em uma requisição normal de um site.

 

O server nginx não está com o método DELETE habilidade, por isso, a alteração para POST funcionou.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Rafael_Ferreira
      Não consigo carregar a imagem do captcha do meu formulário. Foi testado com o xampp e easyphp. Também não carregou a imagem de outros captcha. 
       
       
    • Por luiz monteiro
      Olá.
      Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
      Criei um sistema para fazer o upload de imagens e alguns campos text.
      Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
      Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
      Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
      Gostaria de saber se há como usar javascript para evitar isso?
      Agradeço desde já.

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Uploader</title>
      </head>
      <body>
          <form action="?" method="post" enctype="multipart/form-data">
              <br><br>
              <div>selecione a imagem 1</div>
              <input type="file" name="foto1" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem1">
              
              <br><br>
              <input type="file" name="foto2" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem2">
              
              <br><br>

              <input type="file" name="foto3" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem3">
              
              <br><br>
              <input type="submit" value="Enviar">
              <br><br>
          </form>
      <?php
      if ($_SERVER['REQUEST_METHOD'] == 'POST')
      {
          vardump ($_FILES);
      }
      ?>
      </body>
      </html>
       
       
       
    • Por belann
      Olá!
       
      Estou usando o nextjs versão 15.2.3 e criei uma navbar que quando é carregado o programa aparece com a home, mas na hora de clicar na página produtos desaparece a navbar.
      A navbar esta sendo chamada no layout.tsx estou usando typescript
      e fica dessa forma
      <div>           <Navbar/>             <main>{children}</main>             </div>  
    • Por luiz monteiro
      Olá, tudo bem?
       
      Estou melhorando meu conhecimento em php e mysql e, me deparei com o seguinte. A tabela da base de dados tem um campo do tipo varchar(8) o qual armazena números. Eu não posso alterar o tipo desse campo. O que preciso é fazer um select para retornar o números que contenham zeros a direita ou a esquerda.
      O que tentei até agora
       
      Ex1
      $busca = $conexao->prepare("select campo form tabela where (campo = :campo) ");
      $busca->bindParam('campo', $_REQUEST['campo_form']);
       
      Se a direita da string $_REQUEST['campo_form'] termina ou inicia com zero ou zeros, a busca retorna vazio.
      Inseri dados numéricos, da seguinte maneira para testar: 01234567;  12345670: 12345678: 12340000... entre outros nessa coluna. Todos os valores que não terminam ou não iniciam com zero ou zeros, o select funciona.
       
       
      Ex2
      $busca = $conexao->prepare("select campo form tabela where (campo = 0340000) ");
      Esse número está cadastrado, mas não retorna.
       
      Ex3
      $busca = $conexao->prepare("select campo form tabela where (campo = '02340001' ) ");
      Esse número está cadastrado, mas não retorna.
       
       
      Ex4
      $busca = $conexao->prepare("select campo form tabela where (campo like 2340000) ");
      Esse número está cadastrado, mas não retorna.
       
      Ex5
      $busca = $conexao->prepare("select campo form tabela where (campo like '12340000') ");
      Esse número está cadastrado, mas não retorna.
       
      Ex6
      $busca = $conexao->prepare("select campo form tabela where (campo like '"12340000"' ) ");
      Esse número está cadastrado, mas não retorna.
       
       
      Ex7
      $busca = $conexao->prepare("select campo form tabela where (campo like :campo) ");
      $busca->bindParam('campo', $_REQUEST['campo_form'])
      Não retorna dados.
       
      O  $_REQUEST['campo_form'] é envio via AJAX de um formulário. 
      Usei o gettype para verificar o post, e ele retorna string.
      Fiz uma busca com número 12345678 para verificar o que o select retorna, e também retrona como string.
       
      Esse tipo de varchar foi usado porque os números que serão gravados nesse campo,  terão zeros a direita ou na esquerda. Os tipos number do mysql não gravam zeros, então estou usando esse. O problema é a busca.
      Agradeço desde já.
       
       
    • Por daemon
      Boa tarde,
       
      Eu tenho uma rotina que faz uma leitura do arquivo .xml de vários sites.

      Eu consigo pegar o tópico e a descrição, e mostrar a imagem que esta na pagina do link.
      Para isso utilizo esta função:
      function getPreviewImage($url) { // Obter o conteúdo da página $html = file_get_contents($url); // Criar um novo objeto DOMDocument $doc = new DOMDocument(); @$doc->loadHTML($html); // Procurar pela tag meta og:image $tags = $doc->getElementsByTagName('meta'); foreach ($tags as $tag) { if ($tag->getAttribute('property') == 'og:image') { return $tag->getAttribute('content'); } } // Se não encontrar og:image, procurar pela primeira imagem na página $tags = $doc->getElementsByTagName('img'); if ($tags->length > 0) { return $tags->item(0)->getAttribute('src'); } // Se não encontrar nenhuma imagem, retornar null return null; } // Uso: $url = "https://example.com/article"; $imageUrl = getPreviewImage($url); if ($imageUrl) { echo "<img src='$imageUrl' alt='Preview'>"; } else { echo "Nenhuma imagem encontrada"; }  
      Mas estou com um problema, esta funcão funciona quando coloco em uma pagina de teste.php. Preciso mostrar em uma página inicial diversas fotos de todos os links. (No caso acima só funciona 1).
×

Informação importante

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