fix: select same image result in image not change
This commit is contained in:
parent
ca7713c88e
commit
0bd5b3dcb1
1 changed files with 6 additions and 4 deletions
|
|
@ -32,12 +32,14 @@ const file = defineModel<File | null>('file', {
|
||||||
});
|
});
|
||||||
|
|
||||||
const reader = new FileReader();
|
const reader = new FileReader();
|
||||||
const inputFile = (() => {
|
const { inputFile, resetInputFile } = (() => {
|
||||||
|
const _form = document.createElement('form');
|
||||||
const _element = document.createElement('input');
|
const _element = document.createElement('input');
|
||||||
_element.type = 'file';
|
_element.type = 'file';
|
||||||
_element.accept = 'image/*';
|
_element.accept = 'image/*';
|
||||||
_element.addEventListener('change', change);
|
_element.addEventListener('change', change);
|
||||||
return _element;
|
_form.appendChild(_element);
|
||||||
|
return { inputFile: _element, resetInputFile: () => _form.reset() };
|
||||||
})();
|
})();
|
||||||
|
|
||||||
reader.addEventListener('load', () => {
|
reader.addEventListener('load', () => {
|
||||||
|
|
@ -48,7 +50,7 @@ reader.addEventListener('load', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
function browse() {
|
function browse() {
|
||||||
inputFile.files = null;
|
resetInputFile();
|
||||||
inputFile?.click();
|
inputFile?.click();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -114,7 +116,7 @@ async function downloadImage(url: string) {
|
||||||
unelevated
|
unelevated
|
||||||
round
|
round
|
||||||
v-if="!changeDisabled"
|
v-if="!changeDisabled"
|
||||||
@click="inputFile?.click()"
|
@click="browse"
|
||||||
style="color: hsla(var(--stone-0-hsl) / 0.7)"
|
style="color: hsla(var(--stone-0-hsl) / 0.7)"
|
||||||
></q-btn>
|
></q-btn>
|
||||||
<q-btn
|
<q-btn
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue