6

当我单击Ajax.ActionLink. 我有一个由许多部分组成的个人资料页面。每个部分都对服务器进行 Ajax 调用，以允许编辑与该特定部分相关的用户信息。

我已经实现了 3 个部分功能，这些功能可以正常工作。我现在正在处理的最初应该显示已上传图像的列表 - 如果用户尚未上传任何图像，Ajax.ActionLink则会显示前面提到的任何图像，单击时会将用户带到便于图像上传的部分。

这是我点击链接时在 Chrome 中看到的内容：

在此处输入图像描述

这是 GET 和 POST ActionResults：

    //
    // GET: /Tenants/TenantUploadReference

    [HttpGet]
    public ActionResult TenantUploadReference()
    {
        try
        {
            var currentTenant = tenantRepository.GetLoggedInTenant();
            if (currentTenant.ReferencePhotos == null)
            {
                currentTenant.ReferencePhotos = currentTenant.ReferencePhotos ?? new List<ReferencePhoto>();
            }
            return PartialView("_TenantUploadReferencePartial", currentTenant.ReferencePhotos.ToList());
        }
        catch (Exception e)
        {
            ModelState.AddModelError("", e);
            return View();
        }
    }

    //
    // POST: /Tenants/TenantUploadReference

    [HttpPost]
    public ActionResult TenantUploadReference(HttpPostedFileBase file, Tenant tenant)
    {
        try
        {
            if (file != null)
            {
                if (file.ContentLength > 10240)
                {
                    ModelState.AddModelError("file", "The size of the file should not exceed 10 KB");
                    return View();
                }

                var supportedTypes = new[] { "jpg", "jpeg", "png", "JPG", "JPEG", "PNG" };
                var fileExt = System.IO.Path.GetExtension(file.FileName).Substring(1);

                if (!supportedTypes.Contains(fileExt))
                {
                    ModelState.AddModelError("photo", "Invalid type. Only the following types (jpg, jpeg, png) are supported.");
                    return View();
                }

                using (var db = new LetLordContext())
                {
                    var reference = db.Image.Create<ReferencePhoto>();

                    // Convert HttpPostedFileBase to byte array
                    MemoryStream target = new MemoryStream();
                    file.InputStream.CopyTo(target);
                    byte[] photo = target.ToArray();

                    reference.File = photo;
                    reference.Format = fileExt;
                    reference.DateUploaded = DateTime.Now.Date;
                    reference.Description = "";
                    reference.Name = "";

                    db.Image.Add(reference);
                    db.SaveChanges();

                    return PartialView("_TenantReferencePhotosPartial", file);
                }

            }
            else
            {
                return View();
            }
        }
        catch (Exception e)
        {
            ModelState.AddModelError("", e);
            return View();
        }
    }

当我在 GET 上使用断点单步调试调试器时，ActionResult它会命中return PartialView并且不会引发异常。

在_TenantUploadReferencePartial我使用

@using (Ajax.BeginForm("TenantUploadReference", "Tenants", FormMethod.Post, new AjaxOptions { InsertionMode = InsertionMode.Replace, HttpMethod = "POST", UpdateTargetId = "tenant-reference-photos" }))

在_TenantReferencePhotosPartial（ActionLink抛出 500 错误的地方）我用这个

@if (Model.ReferencePhotos == null)
{
    <h3>You haven't uploaded any references! 
        @Ajax.ActionLink("Upload now?",
            "TenantUploadReference",
            new AjaxOptions
            {
                UpdateTargetId = "tenant-reference-photos",
                InsertionMode = InsertionMode.Replace,
                HttpMethod = "GET",
                LoadingElementId = "ajax-loader"
            })</h3>

知道页面上的其他部分按预期工作也可能很有用，所以我认为这不是缺少脚本的问题。我不知道为什么会发生这种情况 - 一个解决方案将不胜感激。

4

1 回答 1

4

我已经解决了这个问题。我回来时currentTenant.ReferencePhotos.ToList()扔了一个ArgumentNullException. 现在我回来了currentTenant，并且 GET 正在按预期工作。

于 2013-03-23T15:52:35.737 回答