0

新しいアイテムを自分の Web サイトに追加するとき、自分のサイトにアップロードするアイテムの画像を検索します。ファイルを見つけてフォームに入力したら、[追加] をクリックします。これは、ローカルの写真を取得して、images/rental ディレクトリに保存することになっています。さらに、画像にはアイテム番号に基づいて自動的に名前が付けられ、ファイル名に親指が追加されます (例:109_thumb.jpg)。

ディレクトリを変更した後に試したコードは次のとおりですが、まだ機能しません。

<tr>
<td align="right" class="tdTextBold">Thumb Image:           
</td>
<td><font class="errMsgB">*</font></td>
<td align="left">
<input  id="fiuImage1" type="file"  name="fileRentalThumbImage" /><div class="VCenter100" id="preview3" align="center"><?  if ($rentalThumbImage!="" && $rentalThumbImage!=null)?><img src="../<? echo $rentalThumbImage; ?>" width="80" height="100"  /></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)?><img src="../<? echo $rentalThumbImage; ?>" /></div>
<?
}
else
{
?>
<div class="VCenter100" id="preview1" align="center">Thumb Image</div>
<?
}
?>          
</td>
<td>&nbsp;</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>&nbsp;</td>
</tr>
</table>     
</div>
4

1 に答える 1

0

画像をサーバーにアップロードしてから表示するか、HTML 5 ファイル API を使用する必要があります。PHP を使用しているため、前者の例を次に示します。

<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"];
                }
                ?>
                <img src="upload/<?= $_FILES["file"]["name"] ?>" width="80" height="100"  />
                <?php
            }

        ?>
    </div>  
</form>
于 2012-06-23T18:50:18.630 に答える