使用MVC RadUpload上传和更改文件名后显示图像

时间:2012-07-03 09:26:52

标签: c# asp.net-mvc-3 telerik-mvc radupload

我使用RadUpload控件上传图像,然后显示它们以用于JCroping目的。由于这些只是临时文件上传,我将它们放在一个临时文件夹中。为防止用户上传具有相同名称的图像,我在保存时将其重命名。

我的部分观点:

@(Html.Telerik().Upload()
        .Name("attachments")
        .Multiple((bool) false)
        .ClientEvents(events => events
        .OnSuccess(
                @<text>
            function(e) {
                displayTempUpload(e);
            }
        </text>)
        )
        .Async(async => async
                .Save("Add", "Image")
                .AutoUpload((bool)true)
        )
    )

我的控制器:

public ActionResult Add(IEnumerable<HttpPostedFileBase> attachments)
        {
            var fileName = "";
            foreach (var file in attachments)
            {
                fileName = Guid.NewGuid().ToString() + path.GetExtension(file.FileName);
                var physicalPath = Path.Combine(Server.MapPath("~/temp"), fileName);

                file.SaveAs(physicalPath);
            }
            return Content("");
        }

如果我不更改文件名,我可以使用JQuery显示上传的图像:

function displayTempUpload(e) {
    var info = getFileInfo(e);
    var path = "/temp/" + info;

    $("#img").attr("src", path);
}

function getFileInfo(e) {

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

但是,传递给onSuccess函数的files对象会保留原始文件名。既然我已经更改了文件名,是否可以以某种方式将新值传递给onSuccess函数?

我尝试更改Add()控制器操作的返回值,但这导致RadUpload控件认为保存过程中发生了错误。我还在onSuccess函数中查看了e的其他属性,但似乎没有任何帮助。

1 个答案:

答案 0 :(得分:1)

哟伙伴,

如果您尝试使用Content方法将其作为String返回,则很可能将响应视为错误。但是,如果你返回JSON它应该工作正常。 试一试。