30 lines
651 B
JavaScript
30 lines
651 B
JavaScript
|
const Upload = {
|
||
|
|
name: 'upload',
|
||
|
|
props: {
|
||
|
|
accept: String,
|
||
|
|
label: String,
|
||
|
|
},
|
||
|
|
template: `
|
||
|
|
<label>
|
||
|
|
<input type="file" style="display: none" @change="upload" :accept="accept" />
|
||
|
|
<span class="btn">{{label || 'Upload File'}}</span>
|
||
|
|
</label>
|
||
|
|
`,
|
||
|
|
methods: {
|
||
|
|
async upload(evt) {
|
||
|
|
const file = evt.target.files[0]
|
||
|
|
if (!file) return;
|
||
|
|
const formData = new FormData();
|
||
|
|
formData.append('file', file, file.name);
|
||
|
|
const res = await fetch('/upload', {
|
||
|
|
method: 'post',
|
||
|
|
body: formData,
|
||
|
|
})
|
||
|
|
const j = await res.json()
|
||
|
|
this.$emit('uploaded', j)
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Upload
|