adicionar imagens via php no mysql
Seguinte Pessoal.
Tenho uma pagina onde eu cadastro um produto com imagem, mas inventei de criar um campo
para adicionar mais imagens se necessario.
Ai esta o meu problema.
Nao tenho ideia de como informar ao php que tem mais de uma imagem, e como pegar o valor das imagem para colocar no
banco mysql.
Vo tentar me explicar melhor:
eu vou cadastrar um produto ai eu tenho 3 fotos para adicionar.
eu adiciono uma, clico no botão para criar mais uma campo para adicionar foto etc.
ai eu adiciono as 3 fotos.
mas como informar ao php que são tres fotos ou + ?
a minha dificuldade esta pq eu criei um botão para adicionar mais campos para adicionar foto.
segue a baixo o meu codigo html.
<html>
<head>
<script type="text/javascript">
var mainDivName = 'eventDates';
function addEvent()
{
var ni = document.getElementById(mainDivName);
var numi = document.getElementById('theValue');
var num = (document.getElementById("theValue").value -1)+ 2;
numi.value = num;
var divIdName = "eventDate"+num+"Div";
var newdiv = document.createElement('div');
newdiv.setAttribute("id",divIdName);
newdiv.innerHTML = "<table><tr><td></td><td width=80><input type=\"file\" name=\"q1\" size=\"7\"></td></tr></table><a href=\"#\" onclick=\"removeEvent(\'"+divIdName+"\')\">Remover linha</a>";
ni.appendChild(newdiv);
}
function removeEvent(divNum)
{
var d = document.getElementById(mainDivName);
var olddiv = document.getElementById(divNum);
d.removeChild(olddiv);
}
</script>
</head>
<body>
<div id="table"><font color="#FFCC33"><b>
<form action="upload.php" method="post" enctype="multipart/form-data" method="post" enctype="multipart/form-data" >
<script language="JavaScript">
function textCounter(campo, countcampo, maxlimit){
if (campo.value.length > maxlimit) {
campo.value = campo.value.substring(0, maxlimit); }
else { countcampo.value = maxlimit - campo.value.length;}
}
</script>
<table cellpadding="0" cellspacing="0">
<tr>
<td height="40"></td>
<td align="left" ><font size="5">Cadastro de casas </font></td>
</tr>
<tr>
<td height="40" ></td>
</tr>
<tr>
<td height="24" align="center" >Tipo:</td>
<td>
<input name="produto" type="text" size="40" maxlength="50" />
</td>
</tr>
<tr>
<td height="20" ></td>
</tr>
<tr>
<td height="24" align="center" >Descrição:</td>
<td>
<textarea name="descri" cols="30" rows="4" wrap="virtual" onKeyDown="textCounter(this.form.descri,this.form.contador,100);" onKeyUp="textCounter(this.form.descri,this.form.contador,100);"></textarea>
<input name="contador" type="text" disabled="disabled" value="100" id="contador" size="3" maxlength="3">
</td>
</tr>
<tr>
<td height="20" ></td>
</tr>
<tr>
<td height="24" align="center" >Valor:</td>
<td>Reais.<input name="valorr" type="text" size="2" maxlength="3" />,<input name="valorc" type="text" size="2" maxlength="2" />Centavos
</td>
</tr>
<tr>
<td height="20" ></td>
</tr>
<tr>
<td>
<input type="hidden" value="0" id="theValue" />
<p><a onClick="addEvent();"><input type="button" name="fotos" value="Adicionar Foto" ></a></p>
<div id="eventDates"> </div></form>
</table>
</font></b>
</div>
<div id="table2">
<table>
<tr>
<td height="20" ></td>
</tr>
<tr>
<td align="right" ><label for="Submit"></label>
<input type="submit" name="upload" value="Cadastrar" />
</td>
</tr>
</table>
</div>
</body>
</html>
Toda ajuda é bem vinda
o meu codigo fico meio mau no post anterios..
eu nao consegui editalo.
então segue em baixo o codigo
<html>
<head>
<script type="text/javascript">
var mainDivName = 'eventDates';
function addEvent()
{
var ni = document.getElementById(mainDivName);
var numi = document.getElementById('theValue');
var num = (document.getElementById("theValue").value -1)+ 2;
numi.value = num;
var divIdName = "eventDate"+num+"Div";
var newdiv = document.createElement('div');
newdiv.setAttribute("id",divIdName);
newdiv.innerHTML = "<table><tr><td></td><td width=80><input type=\"file\" name=\"q1\" size=\"7\"></td></tr></table><a href=\"#\" onclick=\"removeEvent(\'"+divIdName+"\')\">Remover linha</a>";
ni.appendChild(newdiv);
}
function removeEvent(divNum)
{
var d = document.getElementById(mainDivName);
var olddiv = document.getElementById(divNum);
d.removeChild(olddiv);
}
</script>
</head>
<body>
<div id="table"><font color="#FFCC33"><b>
<form action="upload.php" method="post" enctype="multipart/form-data" method="post" enctype="multipart/form-data" >
<script language="JavaScript">
function textCounter(campo, countcampo, maxlimit){
if (campo.value.length > maxlimit) {
campo.value = campo.value.substring(0, maxlimit); }
else { countcampo.value = maxlimit - campo.value.length;}
}
</script>
<table cellpadding="0" cellspacing="0">
<tr>
<td height="40"></td>
<td align="left" ><font size="5">Cadastro de casas </font></td>
</tr>
<tr>
<td height="40" ></td>
</tr>
<tr>
<td height="24" align="center" >Tipo:</td>
<td>
<input name="produto" type="text" size="40" maxlength="50" />
</td>
</tr>
<tr>
<td height="20" ></td>
</tr>
<tr>
<td height="24" align="center" >Descrição:</td>
<td>
<textarea name="descri" cols="30" rows="4" wrap="virtual" onKeyDown="textCounter(this.form.descri,this.form.contador,100);" onKeyUp="textCounter(this.form.descri,this.form.contador,100);"></textarea>
<input name="contador" type="text" disabled="disabled" value="100" id="contador" size="3" maxlength="3">
</td>
</tr>
<tr>
<td height="20" ></td>
</tr>
<tr>
<td height="24" align="center" >Valor:</td>
<td>Reais.<input name="valorr" type="text" size="2" maxlength="3" />,<input name="valorc" type="text" size="2" maxlength="2" />Centavos
</td>
</tr>
<tr>
<td height="20" ></td>
</tr>
<tr>
<td>
<input type="hidden" value="0" id="theValue" />
<p><a onClick="addEvent();"><input type="button" name="fotos" value="Adicionar Foto" ></a></p>
<div id="eventDates"> </div></form>
</td>
</tr>
</table>
</font></b>
</div>
<div id="table2">
<table>
<tr>
<td height="20" ></td>
</tr>
<tr>
<td align="right" ><label for="Submit"></label>
<input type="submit" name="upload" value="Cadastrar" />
</td>
</tr>
</table>
</div>
</body>
</html>Discussão (9)
Carregando comentários...