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