c# - KendoUI: How to get new file name in javascript after renaming uploaded file in controller

I have the following Kendo upload control

        @(Html.Kendo().Upload()
                      .Name("files")
                      .Async(a => a
                      .Save("SaveBackgroundImage", "Plans")
                      .AutoUpload(true))
                      .Multiple(false)
        .Events(events => events.Success("onSuccess")))

My controller:

public ActionResult SaveBackgroundImage(IEnumerable<HttpPostedFileBase> floorplanFiles, string floorplanId)
{
        foreach (var file in files)
        {                   
            string fileName = "ABC.jpg" //this will be random                      
            var physicalPath = Path.Combine(Server.MapPath("~/Images/Floorplans/Fullsize"), fileName);
            file.SaveAs(physicalPath);
        }
    // Return an empty string to signify success
    return Content("");
}

My javascript:

function onSuccess(e) {
    var filename = getFileInfo(e);
    alert(filename);
}

function getFileInfo(e) {
    return $.map(e.files, function (file) {
        var info = file.name;
        return info;
    }).join(", ");
}

How do I get back "ABC.jpg" as my filename in my javascript instead of the original filename that I select to upload?

I have the following Kendo upload control

        @(Html.Kendo().Upload()
                      .Name("files")
                      .Async(a => a
                      .Save("SaveBackgroundImage", "Plans")
                      .AutoUpload(true))
                      .Multiple(false)
        .Events(events => events.Success("onSuccess")))

My controller:

public ActionResult SaveBackgroundImage(IEnumerable<HttpPostedFileBase> floorplanFiles, string floorplanId)
{
        foreach (var file in files)
        {                   
            string fileName = "ABC.jpg" //this will be random                      
            var physicalPath = Path.Combine(Server.MapPath("~/Images/Floorplans/Fullsize"), fileName);
            file.SaveAs(physicalPath);
        }
    // Return an empty string to signify success
    return Content("");
}

My javascript:

function onSuccess(e) {
    var filename = getFileInfo(e);
    alert(filename);
}

function getFileInfo(e) {
    return $.map(e.files, function (file) {
        var info = file.name;
        return info;
    }).join(", ");
}

How do I get back "ABC.jpg" as my filename in my javascript instead of the original filename that I select to upload?

Share Improve this question asked Apr 26, 2014 at 15:47 Null Reference 11.4k41 gold badges111 silver badges187 bronze badges

Add a ment |

1 Answer 1

Sorted by: Reset to default 8

Solved by doing this in my controller:

var newImageName = "123.jpg";
return Json(new { ImageName = newImageName  }, "text/plain");

and in the onSuccess function:

function onSuccess(e) {
    var imageName = e.response.ImageName;
}

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

c# - KendoUI: How to get new file name in javascript after renaming uploaded file in controller - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)