Ir para conteúdo

POWERED BY:

Arquivado

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

quantic2016

tratamento de imagem para o php com javascript

Recommended Posts

eae pessoal , preciso muito de uma ajuda , eu não sei como usar a classe jcrop para cortar a imagem em mandar essa imagem para o campo file no php , eu ate achei alguns tutos na net mas ninguem ensina como fazer , manjo um pouco de php , ja tenho uma classe no php que , valida se é imagem ou nao , o tamanho do arquivo e da imagem , troca o nome e guarda o nome do banco de dados e move o arquivo para o diretorio , tudo isso de um campo input file do html para o php pelo form , ate aqui OK!!!!!!!!!!!!!!!!!!!!!! poremmmmmm , aqui eu nao manjo , usar a classe jcrop ou caso alguem tiver alguma classe diferente , para carregar a imagem no html , mostrar para o cliente , ele fazer o corte no tamanho da imagem e ai , aqui gerar o arquivo final que o php vai guardar para min ,

 

entao :

 

preciso saber como passo um arquivo do jcrop para o php , n manjo de javascript ainda , manjo muito pouco , n quero um script 100% so preciso de uma dica que ensine a fazer isso , conto com a ajuda de alguem do forum .

Compartilhar este post


Link para o post
Compartilhar em outros sites

Que tal fazer pelo PHP.

Você mesmo citou que tudo já esta funcionando no php..

 

Da uma olhadinha nessa classe:

https://github.com/claviska/SimpleImage

 

Ela tem suporte a 'cortar áreas especificas':

// Crop a portion of the image from x1, y1 to x2, y2
$img->crop(100, 100, 400, 400);

Ou se não redimensionar:

// Resize the image to 320x200
$img->resize(320, 200);

A velha historia do martelo pregando um parafuso haha

 

Abraços.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Que tal fazer pelo PHP.

Você mesmo citou que tudo já esta funcionando no php..

 

Da uma olhadinha nessa classe:

https://github.com/claviska/SimpleImage

 

Ela tem suporte a 'cortar áreas especificas':

// Crop a portion of the image from x1, y1 to x2, y2
$img->crop(100, 100, 400, 400);

Ou se não redimensionar:

// Resize the image to 320x200
$img->resize(320, 200);

A velha historia do martelo pregando um parafuso haha

 

Abraços.

eae cara , obrigado por me dar um pouco do seu conhecimento , mas essa classe e igual a wideimage , o que preciso e de um tratamento na imagem antes de passar ela pro php , eu ate conseui algumas coisas com essa classe , como o base64 decode , entendi um pouco porem n consigo fazer a junção com meu codigo , preciso que quando o cliente abra a imagem ai sim faça o tratamento nela , e o produto final desse tratamento seja mandado para o php ,

 

Exemplo: meu sistema so aceita jpg e png e imagem ate 400 x 400 ok , o php faz essa validação ja , entao quando o cliente clicar no input type file no html , ai aba a imagem e ele selecione uma area da imagem , abre uma foto de 1920 x 800 e seleciona uma area no formato quadrado , quando clicar em cadastrar ai o js manda pro php aquela area quadrada selecionada pelo usuario , e ai o php valida , formata , renomeia e guarda , essa parte do js eu nao sei como fazer :// minha primeira vez trabalhando com imagem em js e php

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de tirar uma dúvida com os amigos, referente a PDV.
       
      Estou escrevendo um Sistema com Ponto de Vendas, a minha dúvida é o seguinte, referente ao procedimento mais correto.

      Conforme o caixa vai efetuando a venda, o Sistema de PDV já realiza:
      a baixa direto dos produtos no estoque
      ou
      somente após concretizar a venda o sistema baixa os produtos do estoque ?
       
      Grato,
       
      Cesar
       
    • Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.

      Estou com uma dúvida, referente cálculo de valores em tempo real.

      Tenho uma rotina, que faz o cálculo, o problema é mostrar o resultado.

      Quero mostrar o RESULTADO assim: 0,00  ou  0.00

      Abaixo posto o código.
      jQuery('input').on('keyup',function(){ //Remover ponto e trocar a virgula por ponto var m = document.getElementById("pgRest").value; while (m.indexOf(".") >= 0) { m = m.replace(".", ""); } m = m.replace(",","."); //Remover ponto e trocar a virgula por ponto var j = document.getElementById("pgDsct").value; while (j.indexOf(".") >= 0) { j = j.replace(".", ""); } j = j.replace(",","."); m = parseFloat(jQuery('#pgRest').val() != '' ? jQuery('#pgRest').val() : 0); j = parseFloat(jQuery('#pgDsct').val() != '' ? jQuery('#pgDsct').val() : 0); //Mostra o Resultado em Tempo Real jQuery('#pgTroco').val(m - j); <<=== aqui estou errando })  
       
      Grato,
       
      Cesar
       
       
    • Por violin101
      Caro amigos, saudações.

      Tenho uma tabela escrita em JS que funciona corretamente.
       
      Minha dúvida:
      - como devo fazer para quando a Tabela HTML estiver vazia, exibir o LOGO da Empresa ?

      Abaixo posto o script:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'i' ) return;// Não é Ctrl+A, portanto interrompemos o script evt.preventDefault(); //Chama a Função Calcular Qtde X Valor Venda calcvda(); var idProdutos = document.getElementById("idProdutos").value; var descricao = document.getElementById("descricao").value; var prd_unid = document.getElementById("prd_unid").value; var estoque_atual = document.getElementById("estoque_atual").value; var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotals = document.getElementById("vlrtotal").value; var vlrtotal = vlrtotals.toLocaleString('pt-br', {minimumFractionDigits: 2}); if(validarConsumo(estoque_atual)){ //Chama a Modal com Alerta. $("#modal_qtdemaior").modal(); } else { if(qtde == "" || vlrunit == "" || vlrtotal == ""){ //Chama a Modal com Alerta. $("#modal_quantidade").modal(); } else { //Monta a Tabela com os Itens html = "<tr style='font-size:13px;'>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='id_prds[]' value='"+idProdutos+"'>"+idProdutos+"</td>"; html += "<td width='47%' height='10'>"+ "<input type='hidden' name='descricao[]' value='"+descricao+"'>"+descricao+ "<input type='hidden' name='esp[]' value='"+prd_unid+"'> - ESP:"+prd_unid+ "<input type='hidden' name='estoq[]' value='"+estoque_atual+"'></td>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='qtde[]' value='"+qtde+"'>"+qtde+"</td>"; html += "<td width='12%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrunit[]' value='"+vlrunit+"'>"+vlrunit+"</td>"; html += "<td width='14%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrtotal[]' value='"+vlrtotal+"'>"+vlrtotal+"</td>"; html += "<td width='12%' height='10' style='text-align:center;'>"+ "<button type='button' class='btn btn-uvas btn-remove-produto' style='margin-right:1%; padding:1px 3px; font-size:12px;' title='Remover Item da Lista'>"+ "<span class='fa fa-minus' style='font-size:12px;'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); //Função para Somar os Itens do Lançamento somar(); $("#idProdutos").val(null); $("#descricao").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); $("#idProdutos").focus(); //Se INCLUIR NOVO produto - Limpa a Forma de Pagamento $("#pgSoma").val(null); $("#pgRest").val(null); $("#pgDsct").val(null); $("#pgTroco").val(null); $("#tbpagar tbody").empty(); }//Fim do IF-qtde }//Fim do Validar Consumo });//Fim da Função btn-agregar  
      Grato,

      Cesar
       
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
×

Informação importante

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