我正在构建一个具有文件输入字段并通过以下函数呈现的组件VueJs
:
export default {
name: 'nits-file-input',
props: {
label: String,
},
render (createElement) {
return createElement('div', { class: 'form-group m-form__group'}, [
createElement('label', this.label),
createElement('div'),
createElement('div', { class: 'custom-file'},[
createElement('input', {
class: 'custom-file-input',
attrs: { type: 'file' },
domProps: {
value: self.value
},
on: {
input: (event) => {
var reader = new FileReader()
reader.readAsDataURL(event.target.value)
reader.onload = function () {
console.log(reader.result);
};
this.$emit('input', event.target.value)
}
}
}),
createElement('label', { class: 'custom-file-label'}, 'Choose File')
])
])
}
}
虽然在 v-model 中有值,但我得到了文件的路径,但我需要一个base64
元素。目前在我的控制台中,我收到以下错误:
无法在“FileReader”上执行“readAsDataURL”:参数 1 不是“Blob”类型
帮我执行。谢谢