如何解决如何使用文件上传器发送自定义数据?
我要发送文件附带的自定义数据。我正在遵循使用自定义上传器功能的示例。在道具中将数据设置为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')
}
},
我已经查看了options
和file
参数。 uploadFile方法中没有选择元素以及从输入元素获取数据属性的选项。
我的表单相当复杂,它具有针对不同类型的多个文件输入,包括转发器组内的文件输入。我需要能够提取上传文件的ID,并在根据类型将表单提交并分别分配给每个转发器字段时将ID与其他数据一起发送。
我对vuejs和vue-formulate都是陌生的,因此,我不确定是否有这样做的vue方法。任何帮助表示赞赏。谢谢
另外,请注意:即使我在输入中进行了设置,uploadFile方法中的选项的upload-url值均为false。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。