luozhun
/
policeSecurity
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加上传图片两张

This commit is contained in:
wangyilin 2025-01-03 11:49:34 +08:00
parent 22a0f69217
commit c8ac1c82a5
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
securityManagement/src/components/upload/SingleImageFileUpload.vue
View File

@ -9,7 +9,7 @@
/>
<a-button class="btn-success" @click="selectFile">{{ btnLabel }}</a-button>
<input :id="idFile" type="file" style="display: none" ref="fileInput" />
<input :id="id" type="file" style="display: none" ref="fileInput" />
</div>
</template>
@ -34,7 +34,7 @@ const props = withDefaults(
width?: string | number;
height?: string | number;
btnLabel?: string;
idFile?: string | any;
id?: string | any;
}>(),
{
parentDir: "",
@ -43,7 +43,7 @@ const props = withDefaults(
width: "150px",
height: "150px",
btnLabel: "选择图片",
idFile: "myFileInput",
id: "myFileInput",
}
);
@ -54,7 +54,7 @@ const uploadUrl = ref();
const fileInput = ref(null);
const selectFile = () => {
document.getElementById(props.idFile)?.click();
document.getElementById(props.id)?.click();
};
async function inputFileListener(this: HTMLInputElement) {
@ -107,13 +107,13 @@ const fileDelete = () => {
};
onMounted(() => {
document
.getElementById(props.idFile)
.getElementById(props.id)
?.addEventListener("change", inputFileListener);
});
onUnmounted(() => {
document
.getElementById(props.idFile)
.getElementById(props.id)
?.removeEventListener("change", inputFileListener);
});
defineExpose({ fileDelete });