微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用文件上传器发送自定义数据?

如何解决如何使用文件上传器发送自定义数据?

我要发送文件附带的自定义数据。我正在遵循使用自定义上传功能的示例。在道具中将数据设置为data-type='capability'中的<formulate-input type='file'>。输入包含在<formulate-form>.

这是我的输入字段

<formulate-input type="file"
   name="File"
   data-type="Capability"
   label="Upload Capability File"
   help="Select one or more PDFs to upload"
   validation="mime:application/pdf"
   :uploader="uploadFile"
   upload-url="/Companies/AddFile"
   upload-behavior="live"></formulate-input>

我的上传器是vue-formulate指南中的自定义上传

uploadFile: async function (file,progress,error,options) {
    try {
        console.log(file,options);
        const formData = new FormData()
        formData.append('file',file)
        const result = await fetch('/Companies/AddFile',{
            method: 'POST',body: formData
        })
        progress(100) // (native fetch doesn’t support progress updates)
        return await result.json()
    } catch (err) {
        error('Unable to upload file')
    }
},

我已经查看了optionsfile参数。 uploadFile方法中没有选择元素以及从输入元素获取数据属性的选项。

我的表单相当复杂,它具有针对不同类型的多个文件输入,包括转发器组内的文件输入。我需要能够提取上传文件的ID,并在根据类型将表单提交并分别分配给每个转发器字段时将ID与其他数据一起发送。

我对vuejs和vue-formulate都是陌生的,因此,我不确定是否有这样做的vue方法。任何帮助表示赞赏。谢谢

另外,请注意:即使我在输入中进行了设置,uploadFile方法中的选项的upload-url值均为false。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?