Значения qq.FileUploader не работает, когда инициализируется после загрузки кнопки ajax - PullRequest
Новая
       30

Значения qq.FileUploader не работает, когда инициализируется после загрузки кнопки ajax

0 голосов
/ 29 сентября 2011

Я использую плагин Valums qq.FileUploader (ex-AjaxUpload) для загрузки в мое приложение Asp.net mvc 3 ...

У меня есть какая-то кнопка на моей странице add-newimage, и, щелкая по ней, я получаю модальное окно и загружаю данные в это окно, загружая частичное представление.

И в этом частичном представлении у меня есть кнопка upload-image, в которой я хочу инициализировать мой qq.FileUploader, но он нигде не работает ...

Вот код 

      $("#add-newimage").click(function () {
            $("#add-image").load('/Design/AddImage/', function () {
                $("#add-image").dialog('open');

                     var uploader= new qq.FileUploader({
                    element: document.getElementById("upload-image"),
                    action: '/Design/UploadImage',
                    allowedExtensions: ['jpg'],
                    onComplete: function (id, fileName, responseJSON) {
                        $("#hidden-path input").html("/Img/Temp/@User.Identity.Name/" + file);
                        alert($("#hidden-path input").html());
                    }

                     }); 
            }); 
        });

Как я могу заставить это работать?

1 Ответ

0 голосов
/ 29 сентября 2011

Я бы попытался поместить код загрузчика в событие открытия вашего диалога. 

$("#add-image").dialog({
  open : function(event, ui) {
      var uploader= new qq.FileUploader({
        element: document.getElementById("upload-image"),
        action: '/Design/UploadImage',
        allowedExtensions: ['jpg'],
        onComplete: function (id, fileName, responseJSON) {
          $("#hidden-path input").html("/Img/Temp/@User.Identity.Name/" + file);
            alert($("#hidden-path input").html());
          }
  }
});

..

$("#add-newimage").click(function () {
  $("#add-image").load('/Design/AddImage/', function () {
    $("#add-image").dialog('open');
  });
});
...