0

我尝试从弹出窗口上传文件，验证服务器上的文件并将消息发送回客户端。此消息必须出现在上传控件所在的同一弹出窗口中。（不在父页面上）我使用剑道窗口进行弹出和剑道上传控制。我正在尝试使用上传控件同步上传文件。上传控件位于弹出窗口中。我已将javascript“成功”事件附加到上传控件，但成功事件永远不会被触发。

问题：
1. Action 方法返回 JSON 消息，但是 Javascript Success 事件从未在客户端触发，因此我无法处理响应消息。（它只被触发异步操作吗？）
2. 其他选项是，我可以在 ModelState 中添加消息并返回上传视图而不是 JSON，但是当返回视图时，上传视图不会显示为弹出窗口而是显示作为页面和 URL 更改。
3.如何配置确定按钮，使其不会关闭弹出窗口。

异步上传是我这里唯一的选择吗？

注意：我没有使用异步选项，因为正如 Telerik在这里报告的那样，IE 不报告进度条，而选定的文件不会每次都上传到服务器。所以我在想，即使我禁用进度条上传仍然会有问题。但我找不到关于这个问题的任何细节。如果 Kendo Upload 保证如果我禁用进度条，它将上传 IE 10,11 中的每个文件，那么我可能会考虑使用异步选项。
4.在那张纸条上，我如何禁用进度条？

这是索引页面（父页面）

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
 }
<script src="~/Scripts/FileUpload.js"></script>

<script>
    $(document).ready(function () {
    var uploadwindow = $("#uploadwindow");
    $("#btnUploads").click(function (e) {
        uploadwindow.data("kendoWindow")
            .open()
            .center();
    });

});
</script>

<p/><p />
<button type="button" id="btnUploads">Show Window</button>

@(Html.Kendo().Window()
 .Name("uploadwindow") 
 .Title("Select the file to upload")
 .Draggable()
 .Resizable()
 .Width(600) 
 .Modal(true)
 .Visible(false)
 .LoadContentFrom("Upload", "FileUpload")
)

弹出窗口

@using (Html.BeginForm("Upload", "FileUpload", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @(Html.Kendo().Upload()
        .Name("file")
        .Multiple(false)
        .Events(x => x.Success("onSuccess"))
    )    
    <button type="submit">Ok</button>
}

文件上传.js

function onSuccess(e) {
    //my custom method to show message
    ShowMessage(e.response.message);    
}

MVC 控制器

public class FileUploadController : Controller
{   
    public ActionResult Index()
    {
        return View();
    }

    public ActionResult Upload()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Upload(HttpPostedFileBase file)
    {
        return Json(new { message = "This is from server" }, "text/plain");

        //Option 2
        // if i return View here then it does not appear as popup instead it renders as page

        //ModelState.AddModelError("Some error");
        //return View();
    }
}
4

2 回答 2

0

在 onSuccess 函数中，不要直接将消息显示为 e.response.message 尝试以下操作：

  1. 解析作为 $.parseJSON(e.XMLHttpRequest.responseText) 获得的 JSON 并将其分配给变量。

  2. 使用已解析的响应调用 ShowMessage()。

    函数 onSuccess(e) { var msg = $.parseJSON(e.XMLHTTPRequest.responseText); 显示消息（味精）；}

于 2015-05-20T05:04:05.427 回答
0

我有同样的问题，它是通过使用 Kendo FileUpload 的 .Event 的内联 java 脚本函数来解决的：

@using (Html.BeginForm("Upload", "FileUpload", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
@(Html.Kendo().Upload()
    .Name("file")
    .Multiple(false)
    .Events(x => x.Success(@<text>function(e) { /*your event handler code*/ )}</text>))
)    
<button type="submit">Ok</button>
}
于 2015-11-28T14:35:24.067 回答