是否可以在<form>

编程问答 2022-08-10

问题描述

我有一个<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'
})

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

.net-corec#c#quasar-framework