Javascript 如何在Uppy Dashboard中添加选择元字段
我还没有在文档中找到如何做到这一点,所以我想在这里与大家分享。 文档仅描述如何添加文本字段和复选框: 以下是添加选择元字段的示例:Javascript 如何在Uppy Dashboard中添加选择元字段,javascript,uppy,Javascript,Uppy,我还没有在文档中找到如何做到这一点,所以我想在这里与大家分享。 文档仅描述如何添加文本字段和复选框: 以下是添加选择元字段的示例: .use(Dashboard, { ... metaFields: [ { id: 'name', name: 'File label' }, { id: 'select_name', name: 'Select label', render: ({value, onChange}, h) => { let
.use(Dashboard, {
...
metaFields: [
{ id: 'name', name: 'File label' },
{ id: 'select_name', name: 'Select label',
render: ({value, onChange}, h) => {
let select_options = [
h('option', {value: ''}, 'Select option'),
h('option', {value: 'opt1'}, 'Option 1'),
h('option', {value: 'opt2'}, 'Option 2')
]
return h('select', {
class: 'uppy-c-textInput uppy-Dashboard-FileCard-input',
onChange: (ev) => onChange(ev.target.value),
value: value
}, select_options)
}
}
]
})
此外,我还了解到复选框示例无法正常工作,因为实际上应该选中defaultChecked
参数checked
,以便在多个文件上载的情况下设置复选框字段的正确值