使用 KnockoutJS 和 ASP .Net MVVM 上传文件答案

【问题标题】：File uploading with KnockoutJS and ASP .Net MVVM使用 KnockoutJS 和 ASP .Net MVVM 上传文件
【发布时间】：2014-07-10 15:56:41
【问题描述】：

有没有人使用过 ASP .Net MVVM 和 Knockout JS。在我的应用程序中，我需要允许用户上传文件。我发现很难在网上找到可以帮助我解决这个问题的示例或任何文档。有人可以指导我一些关于这个问题的提示吗？

顺便说一句，我不需要任何花哨的东西，只需一个简单的 input=file 按钮即可上传单个文件。稍后需要从服务器端脚本处理该文件。

【问题讨论】：

标签： asp.net-mvc knockout.js asp.net-mvc-viewmodel

【解决方案1】：

看看这个fiddle。它不会将文件物理上载到服务器。但是，它使用自定义 KO 绑定处理程序来跟踪在 ViewModel 中的文件输入控件上选择的文件。

ko.bindingHandlers.files = {
  init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
    valueAccessor()(element.files);
    $(element).on("change", function() {
      valueAccessor()(element.files);
    });
  }
};

【讨论】：