是否可以在<form>

问题描述

我有一个<form>，我在这里使用Vue.js和Quasar，并在ASP .NET Core 3.1中以HTML格式提交。 问题是当我使用Quasar Uploader （https://quasar.dev/vue-components/uploader）时。

该功能运行良好，但是当我提交表单时（发布C＃和.net核心）。 我无法在控制器中获取文件。

从此示例中可以看到：https://codepen.io/cbrown___/pen/GRZwpxw

呈现 Uploader 时，它没有属性 name 。在上面的示例中，您具有以下输入： <input tabindex="-1" type="file" title="" class="q-uploader__input overflow-hidden absolute-full">。

我想这就是为什么我无法从控制器中获取它的原因。当我使用.net Core 3.1提交此表单时如何解决？ 而且，在创建记录之前，不允许人们通过我的API上传文件也没有什么好办法。 这是我看不到的选项吗？

编辑： <input>在加号图标上。因此，通过使用inspect元素，您应该能够看到没有名称出现。

示例代码： HTML

<div id="q-app">
  <div class="q-pa-md">
    <div class="q-gutter-sm row items-start">
      <q-uploader
        url="http://localhost:4444/upload"
        style="max-width: 300px"
      ></q-uploader>

      <q-uploader
        url="http://localhost:4444/upload"
        color="teal"
        flat
        bordered
        style="max-width: 300px"
      ></q-uploader>

      <q-uploader
        url="http://localhost:4444/upload"
        label="Upload files"
        color="purple"
        square
        flat
        bordered
        style="max-width: 300px"
      ></q-uploader>

      <q-uploader
        url="http://localhost:4444/upload"
        label="No thumbnails"
        color="Amber"
        text-color="black"
        no-thumbnails
        style="max-width: 300px"
      ></q-uploader>
    </div>
  </div>
</div>

JS：

new Vue({
  el: '#q-app'
})

解决方法

如果还有其他人需要这个，我最终会使用它：

:name="'file_description[' + index + ']'"

这样，每个人都有一个名字...从另一个数组中，我知道它会有多少个file_description。