afbeelding uploaden naar website en hernoemen

Wanneer ik een nieuw item aan mijn website toevoeg, zoek ik naar de afbeelding van het item dat ik naar mijn site wil uploaden. Na het vinden van het bestand en het invullen van het formulier klik ik op toevoegen. Dit is verondersteld om mijn lokale foto te nemen en op te slaan in mijn afbeeldingen/verhuur directory. Bovendien wordt de afbeelding automatisch vernoemd naar het itemnummer en wordt thumb toegevoegd aan de bestandsnaam (ex: 109_thumb.jpg).

Hier is de code die ik heb geprobeerd na het wijzigen van mappen, maar ik kan hem nog niet aan het werk krijgen.

<tr>
<td align="right" class="tdTextBold">Thumb Image:           
</td>
<td>*</td>
<td align="left">
<input  id="fiuImage1" type="file"  name="fileRentalThumbImage" /><div class="VCenter100" id="preview3" align="center"><?  if ($rentalThumbImage!="" && $rentalThumbImage!=null)?></div> 
<!--<div class="column">
<table width="100%" cellpadding="0"  cellspacing="0" border="0">

<tr>

<td>
<? 
if ($rentalThumbImage!="" && $rentalThumbImage!=null)
{
?>
<div class="VCenter100" id="preview1" align="center"><?  if ($rentalThumbImage!="" && $rentalThumbImage!=null)?></div>
<?
}
else
{
?>
<div class="VCenter100" id="preview1" align="center">Thumb Image</div>
<?
}
?>          
</td>
<td> </td>
<td>
<div class="column">
<div class="file_button">
<input id="uploadButton" style="WIDTH: 120px" type="button" value="Browse" name="file1" />  <input class="hiddenMask" id="fiuImage1" type="file" onchange="prePicture(this.name,'preview1')" name="fileRentalThumbImage" /> 
</div>
<input style="WIDTH: 100px" onclick="document.frmMovie.rentalThumbImage.value='';removeImage('fiuImage1','preview1'); get('haveImage1').value='N';" type="button"  value="Delete" name="remoteImage1"/> 
</div>
<div style="CLEAR: both">   
     </div>                             </td>
<td> </td>
</tr>
</table>     
</div> 
0
toegevoegd de auteur Ben Poulson, de bron

1 antwoord

U moet de afbeelding naar uw server uploaden en deze vervolgens weergeven of de HTML 5-bestand-API gebruiken. Aangezien u PHP gebruikt, is hier een voorbeeld van de eerste:

<form enctype="multipart/form-data" method="post" action="">
    <input  id="fiuImage1" type="file"  name="file" />
    <input type="submit" />
    <div class="VCenter100" id="preview3" align="center">
        <?php
            if( $_FILES["file"] ) {

                if (file_exists("upload/" . $_FILES["file"]["name"])) {
                    echo $_FILES["file"]["name"] . " already exists. ";
                } else {
                    move_uploaded_file($_FILES["file"]["tmp_name"],
                    "upload/" . $_FILES["file"]["name"]);
                    //Stored in: upload/$_FILES["file"]["name"];
                }
                ?>
                
                <?php
            }

        ?>
    </div>  
</form>
0
toegevoegd