0

ajaxアップロードスクリプトがありますが、一度に1つの画像アップロードでしか機能しないようです。私の問題は、ショップCMSを作成していて、ページの1つに多数の画像のアップロードが必要なことです。これは製品用であるため、製品には親指と他の4つの画像があります。

通常、私はこのスクリプトを使用します。

 $(document).ready(function(){


      var btnUpload=$('#upload');
      var status=$('#swaptd');
      $('#hideimg').hide();
      new AjaxUpload(btnUpload, {
            action: 'upload-file-notes.php',
            name: 'uploadfile',
            onSubmit: function(file, ext){
           if (! (ext && /^(jpg|png|gif|pdf|doc)$/.test(ext))){ 
           // extension is not allowed 
                                                                              status.text('File format not supported!');
                   return false;
                                                                }
                                                                //status.text('Uploading...');
                  $('#hidebtn').hide();
                                                            $('#hideimg').show();
                    },
              onComplete: function(file, response){
              //alert(response);
              var mytext = response.split('#');
               //Add uploaded file to list
           if(mytext[0]==="success"){
                    str =mytext[1];
             newid = str.substring(0, str.length - 5);                                                                           $('#myfilename').html(mytext[1]);                                                                     document.daftform.attachments.value = mytext[1];                                                                         $('#hidebtn').show();                                                                           $('#hideimg').hide();
} else{                                                               $('#myfilename').html('error had occured');
                                                                }
                                                }
                                });

                });

しかし、問題は、1つのページに複数のインスタンスがある場合、正しく機能しなくなることです。複数のアップロードボタンを使いやすくするために変更する方法、またはこれを行う別の方法を誰かが提案できますか？問題になっているので、正しい方向のポイントを探しています。助けてくれてありがとう

4

1 に答える 1

0

スクリプトでは、ボタンの id を使用しています。var btnUpload=$('#upload');

したがって、この正確なスクリプトを多くのボタンに使用することはできません。

ボタン ID をパラメーターとして渡す必要があります。この方法で何かを試してみてください：

  • html タグで : 各ボタンの ID を指定する ORonclick="upload(this)"
  • あなたのJavaScriptで：名前を持ち、パラメータを受け取るように関数を変更します

function upload(button){
// ajax 呼び出し

new AjaxUpload(button, {
            action: 'upload-file-notes.php',
...

} }

于 2012-12-04T09:44:07.697 に答える