如何以角度在服务器上添加文件和对象？答案

【问题标题】：How can i add file and object on server in angular?如何以角度在服务器上添加文件和对象？
【发布时间】：2021-10-25 20:08:56
【问题描述】：

我正在尝试以角度在我的服务器上添加文档，但我不知道该怎么做。

那是我的控制器。如何以角度添加文档？谢谢你从现在开始帮助我。

我可以用 Post Man 添加：

我尝试了表单操作，但没有成功：

【问题讨论】：

标签： c# .net angular server

【解决方案1】：

创建一个表单（直接在页面 DOM 中，或者严格在 JS 代码中），其中一个表单 <input/> 字段的类型是 File。填充表单字段，并将其提交到控制器操作的 URL。

<form action="/api/lessons/add">
  <input type="file" id="file" name="file">
  <input type="submit">Upload</input>
</form>

附：如果您将file 和lesson 参数都声明为[FromForm]，您可能会遇到参数绑定问题。

编辑： 这是一个 JavaScript 示例：

function uploadFile(afile) {
    var form = document.createElement("form");
    form.method = "POST";
    form.action = "/documents/add";

    var element1 = document.createElement("input"); 
    element1.type=file;
    element1.id="file";
    element1.name="file";
    element1.value=afile;
    form.appendChild(element1);  

    document.body.appendChild(form);

    form.submit();
}

【讨论】：

我试过了，但没用
Angular 只是 JavaScript。我用一个例子更新了我的答案。看看吧。
我不懂 javascript，而且我是 Angular 的新手 :,) 我在哪里可以调用这个函数？我怎样才能给参数？实际上Angular中有formgroup，我如何学习使用该方法？再次感谢 :,) 我的后端工作正常，我用 PostMan 进行了测试。
很好。忘记 JavaScript（暂时），并在您的页面上创建一个表单，就像我在我的答案中显示的那样（您可以阅读 Angular 文档以了解如何在此处执行此操作：Building a template-driven form）。
我会努力的 :,) 再次感谢您。