1

これが可能かどうかはわかりませんが、可能かどうかはわかります。基本的に、私はajax-uploadスクリプトを使用して画像をアップロードし、アップロードボタンの下に現在の画像のサムネイルを表示します。

ショップ商品用なので、商品には多数の写真があります。「商品の編集」ページを読み込むと、すべてのサムネイルはすでにDBに保存されているものです。ただし、ユーザーがアップロードボタンをクリックして別のファイルを選択すると、代わりに新しい画像を表示したいのですが、問題は、まだDBに挿入されていないことです。

コードは次のようになります。

<tr>
    <td align="right">Product Thumbnail:</td>
    <td>
     <table>
        <tr>
         <td>
           <div id="upload" >
              <button type="button">Upload</button>
           </div>
         </td>
         <td id="myfilename"></td>
        </tr>
    </table>
   </td>
  </tr>
   <tr>
    <td align="right">Thumb:</td>
    <td align="left">
    <img src="../shop/<?php echo $prodinforow["ProdThumb"]; ?>" width="115" border="0">&nbsp;<a href=""><img src="images/1001-cancel16.gif" width="16" height="16" alt="" border="0"></a>
    <div id="upload"></div>
    </td>
    </tr>

したがって、実際のページのさらに上にある単純なクエリでimg srcがDBからエコーされることがわかるように、これは正常に機能します。アップロードされた画像のファイル名は、ファイルがアップロードされたときに「添付ファイル」と呼ばれる非表示のフォーム入力に保存されることを知っています。ただし、フォームが送信される前。

とにかく、ページが送信される前に、画像のソースをアップロードされたものに変更することはできますか？それとも、これを行うための賢い方法を誰かができるでしょうか？

4

2 に答える 2

2

jQueryまたは単なるjavascriptを使用して、src属性を変更できます。他のimgタグと区別できるように、imgタグにid属性を指定する必要があります。これは非常に基本的な例であり、機能させるためにいじくり回す必要があります。

// using jquery, assuming a button with the id "upload_button"
// is pressed when the image is selected
$('#upload_button').click(function() {
    $('img#my_img').attr('src', './path/to/new/image');
});
于 2012-12-04T14:09:08.467 に答える
1

画像に次のようなIDを付けます

<img id = "my_image" src="../shop/<?php echo $prodinforow["ProdThumb"]; ?>

それから：

アップロードボタンのonclickに、次のように入力します。

<div onclick="document.getElementById('myImage').src = '/path/to/image'" id="upload"></div>

于 2012-12-04T14:06:35.640 に答える