使用淘汰文件上传文件

Question

我正在尝试使用 knockoutjs 发送由文本和文件类型组成的多部分表单。 有关数据绑定文件的错误。

这是我的 formView:

<div class="form-horizontal">
     <div class="form-group">
           <div class="col-md-12">
            <label class="control-label">Supplier</label>
            <input type="text" name="Supplier" id="Supplier" data-bind="value: Supplier" class="form-control col-md-8 form-control-sm" required />
           </div>
      </div>
      
      <div class="form-group">
           <div class="col-md-12">
             <label class="control-label">Picture</label>
              <input type="file" name="fileInput" id="fileInput" data-bind="file: {data: fileInput, reader: someReader}" class="form-control" />
           </div>
      </div>
</div>

@section scripts {
    <script src="~/Scripts/SDSScripts/RegisterSdsView.js"></script>
}

ViewModel:

function RegisterSdsView() {
    var self = this;
    self.Supplier = ko.observable();
    self.fileInput = ko.observable();
    someReader =  new FileReader();

    self.RegisterSds = function () {
        if (self.errors().length > 0) {
            self.errors.showAllMessages();
            return;
        }
        var Supplier = self.Supplier();
        var fileInput = self.fileInput();
        $.ajax({
            url: '/SdsView/RegisterSds',
            cache: false,
            type: 'POST',
            data: {Supplier, fileInput},
            success: function (data) {
                //some code
            },
            error: function (data) {
               //some code
            }
        });
   }
}

ko.applyBindings(new RegisterSdsView());

Controller:

public ActionResult RegisterSds(string Supplier, HttpPostedFileBase fileInput)
        {
            var db = new SDSDatabaseEntities();
            if (fileInput.ContentLength > 0)
            {

                string fileName = Path.GetFileNameWithoutExtension(fileInput.FileName);
                string fileExtension = Path.GetExtension(fileInput.FileName);
                string path = Path.Combine(Server.MapPath("~/UploadedFiles"), fileName);
                fileInput.SaveAs(path);

                var doc = new SDSDocument()
                {
                    DocName = fileName,
                    DocType = fileExtension,
                    DocPath = path
                };
                db.SDSDocuments.Add(doc);
            }
            db.SaveChanges();
            var result = new { status = "OK" };
            return Json(result, JsonRequestBehavior.AllowGet);
        }

问题是 fileInput(viewModel) 返回 null 到我的控制器(HttpPostedFileBase fileInput)。

我以正确的方式做这些吗？ 这实际上是我的第一个 C# .NET 项目。我似乎找不到与 knockoutjs 文件数据绑定相关的好例子。基本上如何将 Based64 POST 到控制器？

这里是我使用的API https://github.com/TooManyBees/knockoutjs-file-binding< /a>

Answer 1

好吧，我解决了。我会在这里更新以防万一。基本上我只需通过 FormData 将 Base64 字符串 POST 到控制器即可。我不知道为什么我以前的方法不能发送大字符串值，也许 POST 方法或浏览器对通过 AJAX 发送数据的大小有限制。

这是参考https://stackoverflow.com/a/46864228/13955999