1

同じページにフォームの複数のインスタンスを配置できるjQuery-AJAX画像アップローダーを知っている人はいますか?

私の状況を詳しく説明しましょう！ユーザーが自分のプロファイルを変更できるフロント エンド ページがあります。ページが読み込まれると、データベース内のすべてのコンテンツ タイプの行がループされます。

の種類ごとに画像アップロード フォームを適用する必要がありますimg。

問題は、私が試したすべてのプラグインで、ページごとに 1 つのアップロード フォームしか持てないことですが、ユーザー プロファイル画像用に 1 つ、署名画像用に 1 つ必要です。

例：

<form id='upload' method='post' action='script.php?val=profilepic' enctype='multipart/form-data'>
  <div id='drop'>
     Drop Here
     <a>Browse</a>
     <input type='file' name='upl' multiple />
   </div>
   <input style='visibility:hidden' id='".$var2['id']."' value='page_session_weo' />
   <ul style='display:none'>
     <!-- The file uploads will be shown here -->
   </ul>
</form>

<form id='upload' method='post' action='script.php?val=sigpic' enctype='multipart/form-data'>
   <div id='drop'>
     Drop Here
     <a>Browse</a>
     <input type='file' name='upl' multiple />
   </div>
   <input style='visibility:hidden' id='".$var2['id']."' value='page_session_weo' />
   <ul style='display:none'>
     <!-- The file uploads will be shown here -->
   </ul>
</form>

<form id='upload' method='post' action='script.php?val=homepagepic' enctype='multipart/form-data'>
   <div id='drop'>
     Drop Here
     <a>Browse</a>
     <input type='file' name='upl' multiple />
   </div>
   <input style='visibility:hidden' id='".$var2['id']."' value='page_session_weo' />
   <ul style='display:none'>
     <!-- The file uploads will be shown here -->
   </ul>
</form>

以下は、私の問題をよりよく理解するための図です。

場合

ヘルプやアドバイスをいただければ幸いです。

4

2 に答える 2

1

はい、できます！非常にうまく機能するUploadifyスクリプトをお勧めします。複数のファイルのアップロードとアップローダの複数のインスタンスをサポートしています。

例：

$(function() {
    $("#file_upload_1").uploadify({
        height        : 30,
        swf           : '/uploadify/uploadify.swf',
        uploader      : '/uploadify/uploadify.php',
        width         : 120
    });
});

と

$(function() {
    $("#file_upload_2").uploadify({
        height        : 30,
        swf           : '/uploadify/uploadify.swf',
        uploader      : '/uploadify/uploadify.php',
        width         : 120
    });
});

あなたの場合、ページに同じ名前のIDが複数あるという理由だけで、アップローダーが機能しません。無効です。例を見てください。コードを使用して実装するか、他のスクリプトを使用して実装する必要があるという正しい考えを表しています!

于 2013-07-10T13:32:38.050 に答える