| Culinária | Detonados | Internet | Poesias | Wallpapers | Web Tools |
Veja aqui como colocar no seu Site um sistema simples para que seus usuários possam enviar Emails com imagens anexadas. Você pode criar vários aplicativos para festas do ano como Natal, Aniversário, Namorados, etc. Utilizei aqui uma forma bem simplificada, usando poucos arquivos, coisa que você pode e deve acrescentar o quanto achar necessário.
Teste Aqui pra ver como ficaria.
Para começar, crie um diretório na raiz do seu site chamado natal (será este o tema deste exemplo). Agora crie um outro diretório dentro de natal e nomeie-o como images. Crie mais um diretório e dê-lhe o nome de php. Pronto, estes serão os diretórios necessários:
Vou aqui como exemplo mensagens de Natal.
http://seu_site.com/natal/
http://seu-site.com/natal/images/
http://seu_site.com/natal/php/.
Agora adicione dentro da pasta images 5 (cinco) arquivos de imagens no formato .webp, nomeando-os de 01 a 05, ou seja: 01, 02, 03, 04 e 05.
Dentro deste diretório deve ser colocados dois arquivos. O primeiro será este código abaixo. Copie e cole em algum editor de texto e salve-o com o nome de form.php.
<?php
$form = "<table><tr>
</td><td><input name='nome' type='text' maxlength='50' placeholder='Insira seu Nome'>
</td></tr><tr><td>
<input name='email' type='text' maxlength='50' placeholder='Insira seu Email'>
</td></tr><tr><td>
<input name='amigo' type='text' maxlength='50' placeholder='Insira o Nome do Amigo/Amiga'>
</td></tr><tr><td>
<input name='emailamigo' type='text' maxlength='50' placeholder='Insira o Email do Amigo/Amiga'>
</td></tr><tr><td>
<input name='titulo' type='text' maxlength='50' placeholder='Insira o Titulo da Mensagem'>
</td></tr><tr><td>
<textarea name='mensagem' cols='35' width='100%' rows='08' maxlength='300' placeholder='Insira sua Mensagem de Natal'></textarea>
</td></tr><tr><td>
<input name='submit' type='submit' class='submit' value='Enviar Cartão'>
</td></tr>
</table>";
?>
Abaixo está o segundo código que será adicionado na pasta php. Copie e cole no editor de texto e salve-o como send.php. Lembrando que você deve alterar os trechos em verde, o que será imprescindível para que tudo funcione corretamente. O email deve ser um email válido do seu servidor de hospedagem.
<!DOCTYPE HTML>
<html lang='pt-BR'>
<head>
<title>Mensagens de Natal</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=5.0, width=device-width, height=device-height">
<meta name="format-detection" content="telephone=no, email=no, address=no">
<meta charset="UTF-8">
<style>
body{width:98%;padding:1%;margin:0px;margin-top:10px;text-align:center;font-size:140%;}
button{width:auto;padding:5px;background:#3af;border:1px solid #ccc;color:#fff;cursor:pointer;font-size:120%;margin-top:10px;}
</style>
</head>
<body>
<?php
$nome = $_POST['nome'];
$email = $_POST['email'];
$amigo = $_POST['amigo'];
$emailamigo = $_POST['emailamigo'];
$titulo = $_POST['titulo'];
$image = $_POST['image'];
$mensagem = $_POST['mensagem'];
$mail_admin = "emailsite@seu_site.com";
$headers = implode ("\n",array ("From:$nome<$mail_admin>","Reply-To:$email","Subject:$titulo","Return-Path:$email","MIME-Version:1.0","X-Priority:3","Content-Type:text/html;charset=UTF-8"));
if ($nome == null) {
echo "Voce deve inserir seu <b>Nome</b><br>\n".
"<button onclick='history.back();'>Voltar</button>\n";
exit();
}
if ($email == null) {
echo "Por favor, digite seu <b>Email</b><br>\n".
"<button onclick='history.back();'>Voltar</button>\n";
exit();
}
if ($amigo == null)
{
echo "Por favor, insira o <b>Nome do seu Amigo</b><br>\n".
"<button onclick='history.back();'>Voltar</button>\n";
exit();
}
if ($emailamigo == null) {
echo "Voce deve inserir o <b>Email do seu Amigo</b><br>\n".
"<button onclick='history.back();'>Voltar</button>\n";
exit();
}
if ($titulo == null)
{
echo "Voce deve inserir o <b>Titulo da Mensagem</b><br>\n".
"<button onclick='history.back();'>Voltar</button>\n";
exit();
}
if ($mensagem == null)
{
echo "Voce deve inserir o <b>Sua Mensagem</b><br>\n".
"<button onclick='history.back();'>Voltar</button>\n";
exit();
}
echo "Mensagem Enviada com Sucesso<br>\n".
"<button onclick='history.back();'>Voltar</button>\n";
$mensagem_user = "<!DOCTYPE HTML>
<html>
<head><title>".$titulo."</title>
<meta charset='UTF-8'>
<style>
body{width:96%;text-align:center;color:#900; margin:0px;padding:2%;}
h1{font-size:320%;color:#290;font-family:impact;}
p{font-size:110%;color:#00f;font-family:verdana;}
p.mensagem{font-size:110%;color:#009;}
b{color:#000;}
#content{width:98%;text-align:center;padding-top:20px;padding-bottom:10px;}
img{width:86%;height:520px;border:0px;}
a{color:#280;font-size:120%;font-weight:bold;text-decoration:none;}
</style>
</head>
<body>
<div id='content'>
<p>Olá ".$amigo.", ".$nome." está te enviando um <b>Cartão de Natal</b> com uma mensagem, <b>leia por favor</b>.</p>
<h1>".$titulo."</h1>
<img src="http://seu_site.com/natal/images/".$image.".webp" alt='".$titulo."' title='".$titulo."'>
<p class='mensagem'>".$mensagem."</p>
</div>
</body>
</html>";
mail($emailamigo,$titulo,$mensagem_user,$headers);
echo "<p>Abaixo como será visualizado pelo destinatário.<br>\n".
$mensagem_user;
?>
Para finalizar, o código abaixo deve ser colocado dentro do diretório principal, ou seja, na pasta natal. Copie, cole no editor de texto e salve-o como index.php.
<?php
include "php/form.php";
?>
<!DOCTYPE HTML>
<html>
<head><title>Mensagens de Natal</title>
<meta charset='UTF-8'>
<style>
body{width:98%;padding:1%;text-align:center;margin:0px;}
h1{color:#290;font-family:georgia;font-size:260%;}
p{font-size:120%;color:#444;}
b{color:#99f;}
table{width:100%;}
img{width:100%;margin:0px;}
button{width:auto%;padding:1%;margin:10px;background:#aaf;color:#ff0;border:3px double #fff;}
form{width:40%;padding:30%;padding-top:0px;padding-bottom:0px;margin:0px auto;font-family:verdana;}
input{width:98%;background:#fff;color:#00d;border:1px solid #ccc;padding:1%;font-size:90%;margin-top:5px;}
textarea{width:98%;height:80px;color:#00d;border:1px solid #ccc;padding:1%;margin:0px;margin-top:5px;font-size:140%;}
input.submit{width:auto;padding:2%;font-size:120%;color:#fff;background:#290;margin:5px auto;}
</style>
</head>
<body>
<h1>Mensagens de Natal</h1>
<p>Para enviar um <b>Cartão de Natal</b>, escolha uma das imagens e click no <b>Botão Azul</b> abaixo dela, preencha o formulário e click no botão verde <b>Enviar Cartão</b>.</p>
<img src="images/01.webp">
<button class="imagem" onclick="if(document.getElementById('data01') .style.display=='none') {document.getElementById('data01') .style.display=''}else{document.getElementById('data01') .style.display='none'}">Enviar esta Imagem / Ocultar Formulário</button>
<div id="data01" style="display:none;">
<form accept-charset='UTF-8' method='POST' action='php/send.php'>
<input name='image' type='text' maxlength='02' value='01' style='display:none;'>
<?php echo $form; ?>
</form>
</div>
<img src="images/02.webp">
<button class="imagem" onclick="if(document.getElementById('data02') .style.display=='none') {document.getElementById('data02') .style.display=''}else{document.getElementById('data02') .style.display='none'}">Enviar esta Imagem / Ocultar Formulário</button>
<div id="data02" style="display:none;">
<form accept-charset='UTF-8' method='POST' action='php/send.php'>
<input name='image' type='text' maxlength='02' value='02' style='display:none;'>
<?php echo $form; ?>
</form>
</div>
<img src="images/03.webp">
<button onclick="if(document.getElementById('data03') .style.display=='none') {document.getElementById('data03') .style.display=''}else{document.getElementById('data03') .style.display='none'}">Enviar esta Imagem / Ocultar Formulário</button>
<div id="data03" style="display:none;">
<form accept-charset='UTF-8' method='POST' action='php/send.php'>
<input name='image' type='text' maxlength='02' value='03' style='display:none;'>
<?php echo $form; ?>
</form>
</div>
<img src="images/04.webp">
<button class="imagem" onclick="if(document.getElementById('data04') .style.display=='none') {document.getElementById('data04') .style.display=''}else{document.getElementById('data04') .style.display='none'}">Enviar esta Imagem / Ocultar Formulário</button>
<div id="data04" style="display:none;">
<form accept-charset='UTF-8' method='POST' action='php/send.php'>
<input name='image' type='text' maxlength='02' value='04' style='display:none;'>
<?php echo $form; ?>
</form>
</div>
<img src="images/05.webp">
<button class="imagem" onclick="if(document.getElementById('data05') .style.display=='none') {document.getElementById('data05') .style.display=''}else{document.getElementById('data05') .style.display='none'}">Enviar esta Imagem / Ocultar Formulário</button>
<div id="data05" style="display:none;">
<form accept-charset='UTF-8' method='POST' action='php/send.php'>
<input name='image' type='text' maxlength='02' value='05' style='display:none;'>
<?php echo $form; ?>
</form>
</div>
</body>
</html>
Pronto. Se você seguiu corretamente as instruções certamente terá sucesso na terefa de enviar mensagens com imagens por emails.
Faça testes enviando mensagens para você e verifique se existem erros finais. Apenas alertando que pode acontecer de a mensagem ser enviada com sucesso mas a imagem não ser exibida no email. Isto muito provavelmente será porque o servidor de email do destinatário classificou como Lixo Eletrônico. Para resolver isto basta marcar o email como Não é Span.
Sistema Php, Enviar Emails, Mensagens, Imagens, Anexadas
Pressione CTRL + D para Adicionar Esta Página aos Seus Favoritos
Nosso site utiliza cookies para melhorar sua experiência ao utilizar nosso conteúdo, além de personalizar publicidades de acordo com seus interesses.
Política de Privacidade
