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

Vuejs2 如何使用文件上传器发送自定义数据?,vuejs2,vue-formulate,Vuejs2,Vue Formulate,我想用文件发送我的自定义数据。下面是使用自定义上传器函数的示例。数据在道具中设置为的数据类型='capability'。输入被包装在一个 这是我的输入字段 <formulate-input type="file" name="File" data-type="Capability" label="Upload Capability File" help="Select one

我想用文件发送我的自定义数据。下面是使用自定义上传器函数的示例。数据在道具中设置为
数据类型='capability'
。输入被包装在一个

这是我的输入字段

<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>
我已经查看了
选项
以及
文件
参数。在uploadFile方法中,没有选择元素以及从输入元素获取数据属性的选项

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

我对vuejs和vue都是新手,因此,我不确定是否有一种vue方法可以做到这一点。感谢您的帮助。谢谢

另请注意:uploadFile方法中的选项对于upload url的值为false,即使我在输入中设置了它

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')
    }
},