Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>Carregando comentários...