0

我正在使用 MVC、实体框架、Durandal 和 Breeze JS。我有一个看起来像这样的用户（简化）：

public class User : EntityBase<Guid>, IAggregateRoot
{
    public Guid Id { get; set; }
    public string UserName { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }

    [ForeignKey("UserImage")]
    public virtual Guid? ImageId { get; set; }

    public virtual UserImage UserImage { get; set; }
}

UserImage 类看起来像这样。我知道我应该限制图像的大小。（也许这是问题所在？）：

public class UserImage
{
    public Guid Id { get; set; }

    [MaxLength]
    public byte[] Image { get; set; }        
}

我在服务器上有一个 api 函数来获取当前用户：

public IQueryable<User> GetCurrentUser()
    {
        IPrincipal principal = HttpContext.Current.User;
        var users = _uow.Users.FindBy(u => u.UserName.Equals(principal.Identity.Name));
        if (!users.Any())
        {
            throw new HttpResponseException(Request.CreateResponse(HttpStatusCode.Unauthorized));
        }

        return users;
    }

客户端上的两个调用获取当前用户。第一个是在外壳中：

function loadCurrentUser() {
        return uow.CurrentUser.all().then(function (newUser) {
            log('Welcome to the Site ' + newUser[0].FullName() + '!', newUser[0], true);
            config.CurrentUser(newUser[0]);
            return true;
        });
    }

第二个是在 ManageUser 视图模型中：

function activate() {
                    return uow.CurrentUser.all(['UserImage']).then(function (user) {
                        self.CurrentUser(user[0]);
                        return $.when(init()).then(boot());
                    }).fail(function() {
                        return router.activate('accounts/login');
                    });
                }

现在我可以将图像加载到 ManageUser 页面并保存并在提琴手中显示 ImageId 和 Image 正在发送到服务器。然后我检查了 BeforeSaveEntity 拦截并显示两个实体正在保存。

  1. 设置了 ImageId 的更新用户
  2. 新用户图片

数据在数据库中也是可见的。现在，当我刷新管理用户页面时，我可以在提琴手中看到两个 GetCurrentUser 调用。

  1. 从 shell 调用中，我可以看到正在返回用户并设置了 ImageId，但没有发送 UserImage，因为没有展开查询。
  2. 从管理用户调用中，我看到返回了用户，但只发送了 ImageId，并且从 JSON 中省略了 Image 对象。

有没有人遇到过这个图片问题？我所有的其他扩展似乎都正常工作。有没有人有任何关于使用微风仅保存图像的文件路径并可能使用 Windows azure 进行媒体存储的示例？

4

1 回答 1

0

我知道这可能不会回答你的问题，但我建议不要将字节数组发送到客户端，而是在服务器端有一个图像处理程序，它以 ImageId 作为参数，然后返回具有相关内容类型集的图像. 这方面的一个例子可以在这里找到。

通过使用这种方法，您可以使用 img 标记从 HTML 中引用您的图像，并将源设置为具有相关 ImageId 的图像处理程序。

使用敲除进行数据绑定的示例是：

<a data-bind="attr: {href: '/Image/' + User.ImageId()}"></a>

这种方法使您能够轻松地在服务器和客户端上添加缓存，从而提高性能。它还消除了在客户端将字节数组转换为图像的需要，这可能会也可能不会很痛苦。

编辑：

保存托管用户时，将图像发布到 ImageHandler 上的 Upload 操作（查看这篇文章）。此操作必须返回图像的新 ID。收到新 ID 后，在客户端更新 User.ImageId 并在微风中调用 SaveChanges。

于 2013-07-19T05:08:37.823 回答