javascript - 通过另一个按钮 onclick 传递来自 <input type ="file"id ="theFile"/> 的信息？

Question

我对 MVC 和 Web 开发非常陌生。我需要传递一个我已经拥有的 token ，然后是我试图从 <input type="file" id="theFile"/> 获取的文件名和文件。然后还需要日期。一旦我可以将此信息输入家庭 Controller ，我就可以使用 C#，然后我就知道发生了什么。但目前我不确定自己是否走在正确的道路上。

我如何使用按钮将这些值传递给 Controller ​​？

在我看来:

<input type="file" id="theFile"/>
<br>
<button type="button" onclick="Upload(token = Model.Token, fileName = theFile.Value.tostring(), modDate = date.now, file = theFile.value);" >Upload file to the website</button>

在 HomeControler 中:

 public ActionResult Upload(string token, string filename, string moddate, object file)
            {

            }

Answer 1

您不能直接从 HTML 调用 Controller 的操作方法。如果您要上传数据，执行此操作的标准方法是将表单发布到服务器。

所以你的 View 中有一个文件输入，看起来你可能需要一个包含 token 的隐藏字段，或者从 cookie 中获取它，这取决于你的实现。

您需要确保您有 <form>在你看来；在 MVC 中你会做类似的事情

@using (Html.BeginForm("yourControllerName", "Upload"))
{
   all your form elements here
}

最后添加 [HttpPost]归因于您的Upload Action 方法。 MVC 将负责将您的表单元素映射到 Upload的参数。