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 inputFile = (() => {
const { inputFile, resetInputFile } = (() => {
const _form = document.createElement('form');
const _element = document.createElement('input');
_element.type = 'file';
_element.accept = 'image/*';
_element.addEventListener('change', change);
return _element;
_form.appendChild(_element);
return { inputFile: _element, resetInputFile: () => _form.reset() };
})();
reader.addEventListener('load', () => {
@ -48,7 +50,7 @@ reader.addEventListener('load', () => {
});
function browse() {
inputFile.files = null;
resetInputFile();
inputFile?.click();
}
@ -114,7 +116,7 @@ async function downloadImage(url: string) {
unelevated
round
v-if="!changeDisabled"
@click="inputFile?.click()"
@click="browse"
style="color: hsla(var(--stone-0-hsl) / 0.7)"
></q-btn>
<q-btn