2

valums fileuploaderで複数のインスタンスを使用していますが、アップローダーはすべてのインスタンスの最後の設定のみを使用しているようです。これを回避してローカル設定を使用するオプションはありますか？アップロードは適切なインスタンスで正常に行われますが、initializeUploader内の要素は、使用しているインスタンスに関係なく、常に同じです。

jQuery(function() {
    $("[rel='uploadable']").each(function(){
        initializeUploader($(this).attr("id"))
    })
});
function initializeUploader(anchor) {
    element = document.getElementById(anchor)
    uploader = new qq.FileUploader({
        element: element,
        action: element.getAttribute("data-upload-path"),
        allowedExtensions: ["png", "gif", "jpg", "jpeg"],
        params: {
            authenticity_token: $("meta[name=csrf-token]").attr("content")
        },
        onSubmit: function(id, fileName){
            console.log ($(element))
            $(element).append("<span class='image'><div id='progress-" + id + "'></div></span>")
        },
        onProgress: function(id, fileName, loaded, total){
            var progress = (loaded / total) * 100;
            $("#progress-" + id).progressbar({value: progress})
        },
        onComplete: function(id, fileName, responseJSON){
            image_url = ""
            $.each(responseJSON, function(key, item) {
                if (key == "url")
                    image_url = item
            });

            $("#progress-" + id).remove();
            console.log($(element).parent())
            console.log($(element).closest(".quanta"))
            console.log(image_url)
            $(element).closest(".quanta").css({'width': '300px', 'height': '300px', 'background-color': '', 'background-image': 'url(' + image_url + ')', 'background-size': '100% 100%'})
        },
        debug: true
    });
};
4

2 に答える 2

2

私は同じ問題に直面しています。私の問題を解決するために、私はこのトリックを使用しました。

       $('a[href="#tabpdf"]').livequery('click', function () {
          initializeUploader($('#pdfuploader')[0]);  
      });
      $('a[href="#tabphotos"]').livequery('click', function () {
          initializeUploader($('#photouploader')[0]);  
      });

条件ステートメントを使用して関数をロードし、特定のパラメーターを関数に渡しました。それが役に立てば幸い。

于 2012-03-08T00:26:55.150 に答える
2

ではinitializeUploader、変数elementとuploader変数はグローバルです。だから

    ...
    onSubmit: function(id, fileName){
        console.log ($(element))
        $(element).append("<span class='image'><div id='progress-" + id + "'></div></span>")
    },
    ...

が呼び出されると、最後に設定された値で呼び出されますelement。ローカル変数がキャプチャされて使用されるように、「var」を使用します。

于 2012-03-08T01:02:25.310 に答える