fix: select same image result in image not change

This commit is contained in:
Methapon2001 2024-12-11 13:26:06 +07:00
parent ca7713c88e
commit 0bd5b3dcb1

View file

@ -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