Valums qq.当FileUploader在ajax加载按钮后初始化时，它不工作

Valums qq.FileUploader doesn't work when it's initialized after loading button by ajax

本文关键字：初始化 工作 按钮 qq FileUploader 加载 ajax Valums      更新时间：2023-09-26

我使用Valums qq.FileUploader(前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());
                    }
                     }); 
            }); 
        });

我怎样才能使它工作?

我会尝试将上传代码放在对话框的打开事件中。

$("#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');
  });
});
相关文章：