Question

我正在使用kendo mobile构建一个移动应用程序，用户可以在其中单击并上传照片。当他们第一次进入页面时，它将显示他们当前的照片，我希望能够在他们的设备上单击并打开文件浏览器，并能够显示他们的照片预览代替旧照片。然后当点击完成后，它会将它发送到我的MVC控制器，然后我可以将它发送到我想要的地方。我无法弄清楚如何将文件发送到控制器。

HTML

<div id="NewAccountUploadContainer">
<img id="NewAccountUpload" src="~/Images/btnCamera.png" data-bind="click: uploadPhoto" />
@using (Html.BeginForm("SendNewPhoto", "MobilePlatform", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <input id="ImageUploadBtn" style="display: none" type="file" accept="image/*" />
    <input type="submit" value="OK" style="display: none" />
}
<div id="ImgUploadTxt" data-bind="click: uploadPhoto">
    Upload a<br />
    different photo.
</div>

#ImageUploadBtn将由jquery中的#NewAccountUpload或#ImgUploadTxt点击触发，但是当我触发提交时，我无法显示文件或发送给我的控制器。

C＃Controller

[HttpPost]
    public ActionResult SendNewPhoto(HttpPostedFileBase file)
    {
        // Verify that the user selected a file
        if (file != null && file.ContentLength > 0)
        {
            // extract only the fielname
            var fileName = Path.GetFileName(file.FileName);
            // store the file inside ~/App_Data/uploads folder
            var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName);
            file.SaveAs(path);
        }
        // redirect back to the index action to show the form once again
        return RedirectToAction("Index");
    }

此时文件始终为空。

Answer 1

我正在使用Kendo for mvc4和移动设备，我使用以下代码，对我有用：

查看： @（Html.Kendo（）。上传（） .NAME（＆＃34;文件＆＃34））

控制器

public ActionResult Submit(IEnumerable<HttpPostedFileBase> files)
        {
            if (files != null)
            {
                TempData["UploadedFiles"] = GetFileInfo(files);
            }

            return RedirectToAction("Result");
        }

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

        private IEnumerable<string> GetFileInfo(IEnumerable<HttpPostedFileBase> files)
        {
            return
                from a in files
                where a != null
                select string.Format("{0} ({1} bytes)", Path.GetFileName(a.FileName), a.ContentLength);
        }

使用ASP.NET MVC4 RAZOR上传图片

1 个答案: