Jump to content

Search the Community

Showing results for tags 'imagem'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 147 results

  1. Brendon Rodrigues Miranda

    evento onclick

    Gostaria de saber se é possível fazer o evento onclick retornar ao estado antes do click ao clickar novamente, é possível? seja por condicional ou algo parecido, se sim como? meu objetivo é alternar 2 imagens diferentes com apenas o evento onclick!
  2. Olá a todos Inicialmente para esclarecimento, estou tentando cria um app hibrido html, javascript e css. objetivamente, meu obstáculo é exibir na tela do usuário seu avatar, que esta em um diretório do banco de dados Mysql no meu computador. Eu consigo enviar a imagem por Json com o metodo FormData sem problemas. Na hora de retornar o login com os dados do usuário ele exibe as informações que armezeno com localStorage.setItem. Mas a imagem ele exibe somente o nome com o caminho do arquivo. Já pesquisei muito, quebrei a cabeça e não consegui. Se poderem me ajudar agradeço. códigos: Faz login $(document).ready(function(){ $.ajax({ type:'post', //Definimos o método HTTP usado dataType: 'json', //Definimos o tipo de retorno url: 'http://xxxxx/classes/vlogin.php', //Definindo o arquivo onde serão buscados os dados data:{ nemail: email, nsenha: senha, }, success: function(dados){ if (dados == false){ $("#btn").show(); $("#menssagem_login").html("Login ou senha Invalidos"); } else{ localStorage.setItem('id', dados[0]); localStorage.setItem('nome', dados[1]); localStorage.setItem('email', dados[2]); localStorage.setItem('estado', dados[3]); localStorage.setItem('senha', dados[4]); localStorage.setItem('tipo', dados[5]); localStorage.setItem('data', dados[6]); localStorage.setItem('imagem', dados[7]); // var obj = JSON.parse(dados); // var obj = jQuery.parseJSON(dados); //tratar os dados // var obj = $.parseJSON(dados); //tratar os dados window.location = "estrutura/perfil.html"; console.log(dados); } } }); }); Função para exibir o perfil function carrega_perfil(){ var nome = localStorage.getItem('nome'); var email = localStorage.getItem('email'); var estado = localStorage.getItem('estado'); var tipo = localStorage.getItem('tipo'); var data = localStorage.getItem('data'); var imagem = localStorage.getItem('imagem'); document.getElementById('status').innerHTML=nome+"<br>"+email; //document.getElementById('logo').innerHTML=imagem; document.getElementById('avatar').innerHTML= "<img src="+imagem+" />"; console.log(nome); } PHP do servidor <?php header('Access-Control-Allow-Origin: *'); // libera acesso para ajax header('Content-Type: application/json; charset=utf-8'); $email = $_POST['nemail']; $senha = $_POST['nsenha']; $pasta = 'fotos/'; include "conexao.php"; $link = conexao(); $sql = "SELECT * FROM usuario WHERE email = '$email' AND senha = '$senha' AND ativo = 0"; $resultado = mysqli_query($link, $sql) or die (mysqli_error($link)); $vazio = mysqli_num_rows($resultado); if($vazio == ''){ echo json_encode(false); } else{ $registro = mysqli_fetch_array($resultado); // $registro = mysqli_fetch_object($resultado); // $imagem1 = scandir($pasta,$imagem); // $lista_dir = scandir($pasta); // $img; // foreach ($lista_dir as $registro['imagem']) { // $img; // } $id = $registro['id']; $nome = $registro['nome']; $email = $registro['email']; $estado = $registro['estado']; $senha = $registro['senha']; $tipo = $registro['tipo']; $data = $registro['data']; $imagem = $pasta.$registro['imagem']; // $imagem= $_FILE[$pasta][ $registro['imagem']]; // $imagem= base64_encode($imagem); $retorno= array($id,$nome,$email,$estado,$senha,$tipo,$data,$imagem); echo json_encode($retorno); // echo json_encode($registro); } ?> Tem bastante coisa comenta nos códigos, pois tentei muita coisa Abraço
  3. celsosantos

    upload de imagem

    Meus amigos instalei wordpress e o tema soque quando vou fazer upload so da erro com a seguinte mensagem Upload Error: O arquivo enviado não pode ser movido para wp-content/uploads/2018/03. Alguem pode me ajudar
  4. Thiago Masiaga Mendes

    EXTRAIR IMAGENS DE SITE

    Preciso extrair umas imagens do site tripadvisor e não estou conseguindo. Baixei algumas extensões, porém nenhuma delas consegue captar as imagens.
  5. AlexandreHenrique

    capturar largura e altura da imagem clicada

    Olá amigos estou tentando capturar o tamanho real (width, height) das imagens que compõem meu álbum de fotos. Ao clicar na imagem preciso capturar altura e largura, já tentei de várias formas mas, o valor que retorna não é o tamanho real, apenas é repetido o valor da primeira imagem do array; Veja online: http://www.via85.tk/photos/ As 3 imagens do álbum têm os tamanhos abaixo que preciso capturar: Natural 200 x 252 259 x 194 1024 x 683 Meu código está assim: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Album</title> <style> .img{ height:80px; float:left; margin:1px; } .imgBig{ width:auto; height:300px; float:left; display:block; } </style> </head> <body> <div id="boxAlbum"> <script> var path = "img/"; var img = ["panicat.jpg","por.jpg","azul.jpg"]; var i = 0; var tam = img.length; function mostraImagem(){ while (i < tam) { document.write('<img class="img" onclick="abreImg(alt);" alt="' +img[i]+ '" id="imagem" src="' +path+img[i]+ '">'); i++; } } </script> </div> <!-- lista miniaturas --> <script>mostraImagem();</script> <!-- Exibe imagem ampliada --> <script>document.write('<img class="imgBig" id="imgBig" src="">');</script> <script> function abreImg(valor) { var img = document.getElementById('imagem').innerHTML=valor; var altura = document.getElementById("imagem").height; var largura = document.getElementById("imagem").width; alert(img + "\nAltura: "+altura+"\nLargura: "+largura); } </script> </body> </html>
  6. Olá, amigos... estou começando agora nesta área e já tenho uma "pequena" dificuldade é o seguinte; function addImagem(){ document.getElementById("img'").innerHTML = "<img src='imagem1.jpg' width='100%' height='100%'/>" } eu tenho um dropdown com vária imagens dentro, e a função acima, adiciona a imagem escolhida dentro da form "img" abaxio <form id="img"> </form> que fica assim: <form id="img"> <img src='imagem1.jpg' width='100%' height='100%'/> </form> Até aí, tudo certo. A partir daí, preciso enviar essa imagem por email mas infelizmente meu conhecimento não me dá a possibilidade no momento Alguém poderia me ajudar?
  7. Estou enfrentando problemas para mostrar uma imagem em um lightbox. Todos os caminhos indicados para a localização da imagem já foram testados mas a imagem não é mostrada. O código utilizado no arquivo .js é este: var img = document.createElement('img'); img.src = "imagens/imagem.png"; img.alt = "imagem"; lightbox.appendChild(img); O arquivo imagem.png está dentro da pasta imagens mas, não importa onde ele se encontra pois a imagem nunca é mostrada. já adicionei: img.src = "imagem.png"; - nada img.src = "/imagem.png"; - nada img.src = "imagens/imagem.png"; - nada img.src = "/imagens/imagem.png"; - nada img.src = "./imagens/imagem.png"; - aqui já é um absurdo. img.src = "../imagens/imagem.png"; - absurdo também. já coloquei a imagem junto ao arquivo js ou seja, na mesma pasta do js e nada. já coloquei o caminho completo para a imagem mas, não adiantou. Por fim, fiz uma inspeção do elemento pelo navegador e observei que a tag <img> não é fechada na criação do document.createElement('img'); e no final é adicionado a tag style=""> como mostra o exemplo abaixo que copiei diretamente do inspecionador de elementos. <img src="imagens/imagem.png" alt="imagem" style=""> Pois bem, a mim me pareceu que o document.createElement('img'); gerou esta tag style=""> no final do código e que isso poderia estar causando o problema da imagem não aparecer. Mas por enquanto, sou apenas um estudante. Se alguém já possou por isso, se pode enxergar ou tem a solução para este erro, seria interessante posta-la aqui. Muito obrigado!
  8. Olá galera!! Tô tentando resolver um problemãooo!!! Com o Canvas consegui um dos meus objetivos principais que é transformar uma tabela em imagem, sendo que somente gerando no html, mas como copiar para área de transferência e assim poder colar num documento word, excel, email, etc... Com texto é fácil, mas com imagem não deu jeito mesmo. Alguém tem uma ajuda?
  9. Luck_.

    Dúvida com imagem e link

    Opa galera beleza,estou com uma dúvida.Estou desenvolvendo um site e me surgiu uma dúvida,em uma imagem tem uma área escrita (Início),para ir ao início do website,tem como eu fazer um link com essa imagem (Início) dentro de uma imagem ?
  10. Olá pessoal, minha dúvida é a seguinte. Em meu site preciso desenvolver uma página em que irei usar uma imagem, como uma fotografia por exemplo. Uso um código para isso, a imagem já está no mesmo diretório que meu arquivo html, porém tem um problema. Ao colocar o arquivo Online e acessar a página para conferir, aparece o quadrado onde deveria estar a foto e ele está em branco. Já tentei de tudo mas não consegui sanar o problema e fazer a foto aparecer. O engraçado disso tudo é que troquei a imagem pra ver, se for uma imagem com mais de 1 mega ela aparece, menos de 1 mega ela não aparece. O código em questão é o seguinte <IMG SRC="ac.jpg"> Sendo que onde está escrito AC, é o nome da imagem que coloco. Agradeço desde já quem puder ajudar.
  11. Fala rapaziada. Queria saber, de acordo com a experiência de vocês, como faço pra redimensionar uma imagem .PNG sem perder qualidade com php? Pq quando eu redimensiono a imagem perde qualidade no navegador Chrome, fica levemente ofuscada, porém no firefox mantém a qualidade perfeita. Digo isso com relação à logos, geralmente redimensionadas pra 150/200px e originalmente com 1200px. Alguém conhece alguma solução? Desde já agradeço pessoal, abração e fiquem com Deus.
  12. luannsr12

    Pegar uma imagem de um site com php

    Pessoal alguém sabe me dizer como que eu possa pegar uma imagem de um site utilizando o php, igual a este site aqui. https://www.promobit.com.br/promocoes/nova-oferta/ Eu vi que lendo a pagina utilizando o file_get_contents() eu consigo ter o código fonte inteiro da pagina. mas oque eu queria saber é como pegar a imagem mais grande da pagina, ou a imagem principal. Alguém me da uma luz ai.
  13. Worn

    Poupup

    Olá amigos estou quebrando a cabeça pra fazer um poupup MODAL para por no meu site já tentei de diversas formas e não encontro um jeito de fazer é basicamente o seguinte a proposta quero que assim que iniciar o site vai abrir uma IMAGEM no caso propaganda e teria um X na imagem aonde a pessoa iria clicar e a imagem desaparecia porém não vai de forma alguma, encontrei alguns modelo na internet porém ele não é da forma que faz minha necessidade a pessoa tem que clicar para aparecer tipo um show/hiden queria algo automático
  14. premiado12

    Calendário Parede

    Vou fazer um serviço para um supermercado, aonde irei fazer um calendário de parede personalizado, gostaria de saber qual o tamanho (dimensão) eu devo usar, para que quando eu for mandar pra gráfica imprimir não perca o foco do trabalho feito.
  15. lucasvbl

    Upload de Imagens PDO PHP

    Estou com problema no upload de arquivos para o banco, quanto para a pasta especifica quanto para o banco. Esse é o formulário <form id="frmDados" name="frmDados" method="post" action="upload.php" class="form-horizontal" enctype="multipart/form-data" > <div class="form-group espacoCampos"> <label for="txtArquivo" class="col-md-3 control-label">Arquivo</label> <div class="col-md-4"> <input id="txtArquivo" name="img" type="file" placeholder="" class="form-control input-sm" autocomplete="off" /> </div> </div> </form> E esse é o de upload.php <? $arquivo = $_FILES['img']; $ext = pathinfo($arquivo['name']); // nome do arquivo $exensao = $ext['extension']; $nome_imagem = time().'.'.$extensao; /// novo nome do arquivo $caminho_imagem = $_SERVER['DOCUMENT_ROOT'].'/uploads/'.$nome_imagem; move_uploaded_file($arquivo['tmp_name'], $caminho_imagem); $_result = $_base->prepare("INSERT INTO clienteArquivos SET cliente= '$cliente', nome = '$extensao', dtUp = '$dtUp', colaborador = '$colaborador', dtLimite= '$data', arquivo = '$nome_imagem', obs = '$obs' , usuario = '$usuarioSistema' "); if($_result->execute()){ $_idCodigo = $_base->lastInsertId(); $_retorno['status'] = "1"; $_retorno['link'] = "sis-cadastroArquivo.php?acao=editar&r=".$_idCodigo; }else{ $_retorno['status'] = "400"; $_retorno['tipoMensagem'] = "danger"; $_retorno['mensagem'] = "Falha no processo"; } echo json_encode($_retorno); exit(); ?>
  16. Boa Noite, eu estou fazendo um cadastro de produtos e inclui o cadastro da imagem, porém está indo tudo certo, está cadastrando no banco de dados, só que a imagem não está indo na pasta desejável, segue o código: <?php // INICIO CADASTRAR PRODUTOS if(isset($_POST['p_nome']) && empty($_POST['p_nome']) == false){ $p_nome = addslashes($_POST['p_nome']); $p_codigo = addslashes($_POST['p_codigo']); $p_valor_venda = addslashes($_POST['p_valor_venda']); $p_valor_custo = addslashes($_POST['p_valor_custo']); $p_disponivel_estoque = addslashes($_POST['p_disponivel_estoque']); $p_minimo_estoque = addslashes($_POST['p_minimo_estoque']); $p_fornecedor = addslashes($_POST['p_fornecedor']); $p_foto = addslashes($_FILES['p_foto']); $p_link_ml = addslashes($_POST['p_link_ml']); $p_data = addslashes($_POST['p_data']); $nome_imagem = md5(time().rand(0,99)).'.png'; $caminho_imagem = "fotos/" . $nome_imagem; move_uploaded_file($p_foto['tmp_name'], $caminho_imagem); $Inserir = $pdo->prepare("INSERT INTO tb_sys_produtos (p_nome, p_codigo, p_valor_venda, p_valor_custo, p_disponivel_estoque, p_minimo_estoque, p_fornecedor, p_foto, p_link_ml, p_data) VALUES (:p_nome, :p_codigo, :p_valor_venda, :p_valor_custo, :p_disponivel_estoque, :p_minimo_estoque, :p_fornecedor, :p_foto, :p_link_ml, :p_data)"); $Inserir->bindValue(":p_nome", $p_nome); $Inserir->bindValue(":p_codigo", $p_codigo); $Inserir->bindValue(":p_valor_venda", $p_valor_venda); $Inserir->bindValue(":p_valor_custo", $p_valor_custo); $Inserir->bindValue(":p_disponivel_estoque", $p_disponivel_estoque); $Inserir->bindValue(":p_minimo_estoque", $p_minimo_estoque); $Inserir->bindValue(":p_fornecedor", $p_fornecedor); $Inserir->bindValue(":p_foto", $nome_imagem); $Inserir->bindValue(":p_link_ml", $p_link_ml); $Inserir->bindValue(":p_data", $p_data); $Inserir->execute(); header("Location: produto_novo.php?produto=salvo"); exit; } // FIM CADASTRAR PRODUTOS ?>
  17. estou com problema no desenvolvimento do meu site, eu gostaria que a imagem ocupasse td a tela , mas ela nao ocupa ate o final , mesmo sendo maior! estou criando pegando referencia como neste site : Segue os codigos que deixei na minha CSS <main class="content-main fl-left"> <div id="foto1"> <article class=" fl-right"> <h1>UMA NOVA EXPERIÊNCIA PARA QUEM É APAIXONADO POR LIVROS. </h1> <p>Somos um clube de assinatura de livros que envia</p> <br> <p>mensalmente um kit literário à casa dos associados.</p> <br> <a class="btn btn-blue radius boxshadow" href="" title="Assine">Faça Parte</a> </div> </article> e da div /*div*/ #foto1 {background-image:url(livros4.jpg);width:1300px;height:600px ;margin:0 auto;background-repeat:no-repeat;}
  18. Olá, seguinte, tenho um input text, onde eu digito "elfo" e faço a busca no banco de dados e vem a descrição do elfo, CERTINHO.. até ai... mas ai eu quero botar 1 fotinho pequena junto, então quero saber como proceder para fazer a "armazenagem" de diretório no banco de dados e puxar a imagem de acordo com a raça pesquisada, quero saber se desta forma posso adaptar outras raças e a cada puxada vir sua respectiva foto? é possível?
  19. Diego Rinno

    Cortador de Imagens em jQuery

    Primeiramente, olá a todos(as)! EXPLICAÇÃO: Estou tentando estudar a biblioteca de imagens do PHP e criar uma espécie de cortador de imagens em jQuery ao mesmo tempo, simplesmente pra ampliar meus conhecimentos na área. Não vou, de modo algum, usar plugins já prontos, sei que existem. Meu objetivo aqui é aprender a fazer um do zero, ser capaz de criar coisas e não de reutilizar. Tendo isto em vista, tenho a maior parte do código já pronta. Criei um cortador de imagens em PHP e está funcionando plenamente. O meu problema é na hora de recuperar as posições X e Y da imagem que é exibida no cortador pra então enviar ao script php que, de fato, fará o corte. Tenho dois códigos abaixo que são funcionais, criei-os para que possam testar, se quiserem. Como é um código que necessita de uma tela de tamanho razoável, não recomendo utilizar jsfiddle e similares para o teste, emulem o código num localhost. O primeiro arquivo é o index.html que chamará num iframe a página que fará o corte da imagem. A segunda, que deve ser nomeada adminImage.php é o conteúdo do iframe, o app que fará o corte da imagem. Note que nesta página há dois campos INPUT que exibem, respectivamente, as posições X e Y da área de seleção que pode ser movida, a que define o corte na foto. O REAL PROBLEMA: Apesar de tudo estar funcionando, o corte da imagem é imperfeito porque eu retorno as posições X e Y da área de corte em relação à página inteira e não ao elemento que compreende a imagem a ser cortada. Na posição inicial do seletor, os valores dentro dos campos input que exibem as posições X e Y deveriam ser, ambas, 0. No entanto, ele me retorna a posição com relação ao topo da página e não ao topo do elemento em si. Necessito de uma maneira de calcular a diferença entre o topo da página e o topo do elemento container que contém minha imagem a ser cortada para então recalcular as posições X e Y do seletor de corte subtraindo essas duas novas variáveis. Desta forma eu obteria a posição exata do seletor de corte em relação à imagem a ser cortada. Se não me fiz entender, por favor digam. Agradeço qualquer ajuda! OS CÓDIGOS: index.html <!DOCTYPE html> <HTML lang="pt"> <HEAD> <TITLE>Teste</TITLE> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="title" content="Página de teste" /> <meta name="description" content="Página de teste" /> <meta name="author" content="Diego Borges" /> <meta name="keywords" content="Página de teste" /> <meta name="reply-to" content="Página de teste" /> <meta name="generator" content="Página de teste" /> <meta property="og:url" content="Página de teste" /> <meta property="og:type" content="Página de teste" /> <meta property="og:title" content="Página de teste" /> <meta property="og:description" content="Página de teste" /> <meta property="og:image" content="Página de teste" /> <meta property="og:image:secure_url" content="Página de teste" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <script> $(document).ready(function(){ $("#container").css("width", $('input[name="LARGURA"]', window.parent.document).val()); $("#container").css("height", $('input[name="ALTURA"]', window.parent.document).val()); var mover_seletor = 0; $("#seletor").mousedown(function(){ mover_seletor = 1; }).mouseup(function(){ mover_seletor = 0; }); $("#container").on( "mousemove", function(event) { if(mover_seletor == 1 && $("#container").is(":hover")){ $("#seletor").offset(function(n, c){ newPos = new Object(); newPos.left = event.pageX; newPos.top = event.pageY; var c = $("#container").offset(); var s = $("#seletor").offset(); var corteX = s.top - c.top; var corteY = s.left - c.left; $('input[name="corteX"]', window.parent.document).val(corteX + 150); $('input[name="corteY"]', window.parent.document).val(corteY + 100); return newPos; }); }else{ return false; } }); }); </script> </HEAD> <BODY style="margin:0 0 0;padding:0 0 0 0;overflow:hidden;"> <table style="position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.85);cursor:default;"><tr><td> <center> <br /><br /><br /> <iframe src="adminImage.php" style="width:1000px;height:500px;border:none;overflow:hidden;" oncontextmenu="return false;"></iframe> <br /> <input name="ALTURA" type="hidden"> <input name="LARGURA" type="hidden"> <input id="corteX" name="corteX" type="text"> <input id="corteY" name="corteY" type="text"> <input id="imgURL" name="imgURL" type="hidden"> <div OnCLick="cropAvatar($('#corteX').val(), $('#corteY').val(), $('#imgURL').val());" class="w3-panel w3-small w3-hover-orange w3-green" style="width:200px;margin-top:5px;">Cortar Imagem</div> </center> </td></tr></table> </BODY> </HTML> adminImage.php <!DOCTYPE html> <HTML lang="pt"> <HEAD> <TITLE>Teste</TITLE> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="title" content="Página de teste" /> <meta name="description" content="Página de teste" /> <meta name="author" content="Diego Borges" /> <meta name="keywords" content="Página de teste" /> <meta name="reply-to" content="Página de teste" /> <meta name="generator" content="Página de teste" /> <meta property="og:url" content="Página de teste" /> <meta property="og:type" content="Página de teste" /> <meta property="og:title" content="Página de teste" /> <meta property="og:description" content="Página de teste" /> <meta property="og:image" content="Página de teste" /> <meta property="og:image:secure_url" content="Página de teste" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <script> function initialOffset(){ var _container_offset = $("#container").offset(); var _seletor_offset = $("#seletor").offset(); var corteX = _seletor_offset.top - _container_offset.top; var corteY = _seletor_offset.left - _container_offset.left; $('input[name="corteX"]', window.parent.document).val(corteX + 150); $('input[name="corteY"]', window.parent.document).val(corteY + 100); } $(document).ready(function(){ initialOffset(); var largura = $('input[name="LARGURA"]', window.parent.document).val(); var altura = $('input[name="ALTURA"]', window.parent.document).val(); if(largura != '' && altura != ''){ $("#container").css("width", $('input[name="LARGURA"]', window.parent.document).val()); $("#container").css("height", $('input[name="ALTURA"]', window.parent.document).val()); } var mover_seletor = 0; $("#seletor").mousedown(function(){ mover_seletor = 1; }).mouseup(function(){ mover_seletor = 0; }); $("#container").on( "mousemove", function(event) { if(mover_seletor == 1 && $("#container").is(":hover")){ $("#seletor").offset(function(n, c){ newPos = new Object(); newPos.left = event.pageX; newPos.top = event.pageY; var container_offset = $("#container").offset(); var seletor_offset = $("#seletor").offset(); var corteX = seletor_offset.top - container_offset.top; var corteY = seletor_offset.left - container_offset.left; $('input[name="corteX"]', window.parent.document).val(corteX + 150); $('input[name="corteY"]', window.parent.document).val(corteY + 100); return newPos; }); }else{ return false; } }); }); </script> </HEAD> <BODY style="margin:0 0 0;padding:0 0 0 0;overflow:hidden;"> <div id="container" class="w3-gray" style="margin-top:-16px;width:1000px;height:500px;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-image: url('<?php echo $_GET["url"]; ?>');"> <div id="seletor" class="w3-panel w3-small rs-button rs-red-half" style="cursor:move;height:150px;width:300px;background:rgba(0,0,0,0.25);border:2px dashed silver;"></div> </div> </BODY> </HTML>
  20. Luccas Gaulia

    [Resolvido] Envio de Imagem (upload) com erro

    Ola Pessoal, Estou querendo enviar uma imagem para a pasta do site, porém a mensagem de erro informa no ELSE "modal(error_photo_save);", sendo assim, não está conseguindo enviar a imagem corretamente... Poderiam me ajudar? receber.php if(isset($_POST['update_photo'])){ if(!empty($photo)){ $directory = '/../../admin/photos/temp/' . $_FILES['arquivo']['name']; $arq_tmp = $_FILES['photo']['tmp_name']; move_uploaded_file($arq_tmp, $directory); if(isset($_FILES['photo']['name']) && $_FILES['photo']['error'] == 0) { $arq_tmp = $_FILES['photo']['tmp_name']; $photo = $_FILES['photo']['name']; // Pega a extensão $ext = pathinfo ($photo, PATHINFO_EXTENSION); // Converte a extensão para minúsculo $ext = strtolower ($ext); // Somente imagens, .jpg;.jpeg;.gif;.png // Aqui eu enfileiro as extensões permitidas e separo por ';' // Isso serve apenas para eu poder pesquisar dentro desta String if (strstr ('.jpg;.jpeg;.gif;.png', $ext)) { $newName = "user_" . $id . "_" . time() . '.' . $ext; // Concatena a pasta com o nome $directory = '/../../admin/photos/' . $newName; // tenta mover o arquivo para o destino if (@move_uploaded_file($arq_tmp, $directory)) { $photo = $newName; $sql_update = "UPDATE tbl_admins SET photo='$photo' WHERE admin_id='$id'"; mysql_query($sql_update) or die (mysql_error()); modal(sucess_update); $exibirModal = true; } else{ modal(error_photo_save); $exibirModal = true; } } else{ modal(error_photo_ext); $exibirModal = true; } } else{ modal(error_photo_save); $exibirModal = true; } } }
  21. Sheila Pereira

    imagem no wordpress

    como faço para em um site feito em wordpress que tem uma imagem de fundo fazer uma ação nesta imagem que ao ser clicada aparece outra?
  22. Fala, pessoal, tudo bem? Seguinte, eu estou com um problema que acredito ser de fácil resolução, mas está me dando bastante dor de cabeça. Eu tenho um site Escola de Invocadores e vez ou outra quero compartilhar ele. Acontece que quando eu compartilho a página inicial, o home https://escola-de-invocadores.com.br, as imagens de compartilhamento que aparecem são aleatórias, dos últimos ou do primeiro post do site. Eu quero que a imagem seja a Logo, mas ela não aparece. Minha intenção agora nem é o facebook, mas olhei lá pelo depurador de objetos do Open Graph e ele carrega a logo, mas eu acho que a logo é muito pequena. Ela tem 135px enquanto facebook pede pelo menos 200. Porém, não sei se é isso. Queria uma forma simples de resolver. Não existe algum pluguin? Eu uso o Yoast SEO, mas ele não me foi útil nesse ponto. Só consigo editar imagens de compartilhamento dos artigos, a página inicial não tem como. Também já tentei utilizar meta tags. Posso ter feito errado, não tive sucesso. Porém, como disse, preferia usar um plugin. Desde já agradeço.
  23. Possuo no site de um cliente uma parte onde mostra o nome do usuário logado, a unidade onde ele trabalha e a foto do usuário. Estou querendo implementar uma função automatizada (em javascript e php) para que quando o usuário clique na foto abra automaticamente a janela de escolha de arquivos pra ele poder substituir a foto, se ele quiser. O código em HTML dessa parte da foto e um input de file oculto: <a title="Clique aqui para trocar sua foto" onclick='trocarFoto()'><img class='FotoAniversariante' <?php echo "src='".'upload/wt_usuario/'.$_SESSION['usuario']['id'].".jpg'></a>"; ?> <input type="file" id="imgupload" style="display:none" /> <button id="novaFoto" style="display: none"></button> E a função trocarFoto() em javascript: function trocarFoto(){ $('#imgupload').trigger('click'); } O que eu queria era que, no momento em que o novo arquivo fosse escolhido, que ele já hospedasse no diretório do meu servidor (upload/wt_usuario). Acredito que tenha que ser uma função que envolva AJAX. Mas eu também preciso garantir que ele só aceita JPG e com dimensões de 50 por 50. Como isso é possível?
  24. Olá amigos boa tarde, novamente me apareceu um erro que não consigo resolver. Tenho um código para incluir e mostrar as imagens do banco mysql com php no html, mas as imagens não aparecem, uso o mesmo código em outra página com a mesma estrutura e aparece, se alguém enxergar uma luz e me ajudar agradeço, eis os códigos: código para salvar imagem no banco: <?php // Incluindo arquivo de conexão require_once('../config/conn.php'); // Funções de utilidade require_once('../funcs/util.php'); // Constantes define('TAMANHO_MAXIMO', (2 * 1024 * 1024)); // Verificando se selecionou alguma imagem if (!isset($_FILES['foto'])) { echo retorno('Selecione uma imagem'); exit; } if (!isset($_POST['descricao'])) { echo retorno('Preencha o campo descrição!'); exit; } if (!isset($_POST['link'])) { echo retorno('Escreva o link da página!'); exit; } // Recupera os dados dos campos $foto = $_FILES['foto']; $descricao = $_POST['descricao']; $nome = $foto['name']; $tipo = $foto['type']; $tamanho = $foto['size']; $link = $_POST['link']; // Validações básicas // Formato if(!preg_match('/^image\/(pjpeg|jpeg|png|gif|bmp)$/', $tipo)) { echo retorno('Isso não é uma imagem válida'); exit; } // Tamanho if ($tamanho > TAMANHO_MAXIMO) { echo retorno('A imagem deve possuir no máximo 2 MB'); exit; } // Transformando foto em dados (binário) $conteudo = file_get_contents($foto['tmp_name']); // Preparando comando $stmt = $pdo->prepare('INSERT INTO picolesnaturais (nome, conteudo, descricao, tipo, tamanho, link) VALUES (:nome, :conteudo, :descricao, :tipo, :tamanho, :link)'); // Definindo parâmetros $stmt->bindParam(':nome', $nome, PDO::PARAM_STR); $stmt->bindParam(':conteudo', $conteudo, PDO::PARAM_LOB); $stmt->bindParam(':descricao', $descricao, PDO::PARAM_STR); $stmt->bindParam(':tipo', $tipo, PDO::PARAM_STR); $stmt->bindParam(':tamanho', $tamanho, PDO::PARAM_INT); $stmt->bindParam(':link', $link, PDO::PARAM_STR); // Executando e exibindo resultado echo ($stmt->execute()) ? retorno('Produto cadastrado com sucesso', true) : retorno($stmt->errorInfo()); Código do formulário para salvar foto: <form id="formulario" action="ajax/salvarpicolesnatural.php" method="post"> <div id="mensagem"></div> <div class="form-group"> <label>Carregar foto</label><br /> <span class="btn btn-default btn-file"> <input type="file" name="foto" value="Escolher foto"/> </span> <br /> <label>Descrição do produto</label><br /> <span class="btn "> <input type="text" name="descricao" placeholder="Descrição do Produto" style="width:350px;" required /> </span> <br /> <label>Link da página do produto</label><br /> <span class="btn "> <input type="text" name="link" placeholder="link da página" style="width:350px;" required /> </span> </div> <input id="salvar" class="btn btn-primary" type="submit" value="Salvar" data-loading-text="Salvando..."/> </form> Códigos para exibir as imagens: <?php // Incluindo arquivo de conexão require_once('config/conn.php'); // Selecionando fotos $stmt = $pdo->query('SELECT id, nome, tipo, descricao, tamanho, link FROM picolesnaturais'); ?> <?php while ($foto = $stmt->fetchObject()): ?> <form action="php/excluirpicolesnaturais.php" method="POST" name="excluir" class="alert-success" id="excluir"> <input type="hidden" name="delete_img_produto" value="<?php echo $foto->id ?>"> <div class="col-sm-6 col-md-4"> <div class="thumbnail" style="float:left"> <a href="<?php echo $foto->link ?>"><img src="imagem.php?id=<?php echo $foto->id ?>" style="max-width:260px" /></a> <div class="caption"> <strong>Descrição:</strong> <?php echo $foto->descricao ?> <br/> <strong>Link da página:</strong> <?php echo $foto->link ?> <br/> <input type="submit" class="btn btn-primary" id="excluirFoto" value="Excluir" data-loading-text="Salvando..." style="color:#FFF; background-color:#F00;" /> </div> </div> </div> </form> <?php endwhile ?> e esse é o resultado que aparece...
  25. Como faço para enviar um formulário com campos de texto e um de imagem para um arquivo PHP via Ajax? Eu n consigo pegar o valor do input file, o endereço fica fakepath/nomedaimagem, e no PHP n consigo pegar nenhum valor via $_POST, pois diz que está indefinido.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.