我使用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');
});
});