public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: add paste file feature for base64 file converter

Browse Source
This commit is contained in:
liudonghua 2024-06-06 06:32:27 +00:00
parent b430baef40
commit 5580f00dc3
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/tools/base64-file-converter/base64-file-converter.vue
View File

@ -76,6 +76,18 @@ async function onUpload(file: File) {
fileInput.value = file;
}
}
function onPaste(event: ClipboardEvent) {
if (event.clipboardData) {
const { items } = event.clipboardData;
for (const item of items) {
const file = item.getAsFile();
if (item.kind === 'file' && file) {
fileInput.value = file;
}
}
}
}
</script>
<template>
@ -121,8 +133,8 @@ async function onUpload(file: File) {
</div>
</c-card>
<c-card title="File to base64">
<c-file-upload title="Drag and drop a file here, or click to select a file" @file-upload="onUpload" />
<c-card title="File to base64" @paste="onPaste">
<c-file-upload title="Drag and drop a file here, Focus this card and paste a file here, or click to select a file" @file-upload="onUpload" />
<c-input-text :value="fileBase64" multiline readonly placeholder="File in base64 will be here" rows="5" my-2 />
<div flex justify-center>

2
tsconfig.app.json
View File

@ -3,7 +3,7 @@
"include": ["env.d.ts", "src/**/*", "src/**/*.vue", "**/*.d.ts", "node_modules/vite-plugin-pwa/client.d.ts"],
"exclude": ["src/**/__tests__/*"],
"compilerOptions": {
"lib": ["ES2022"],
"lib": ["ES2022", "DOM.Iterable"],
"target": "es2022",
"module": "es2022",
"moduleResolution": "Node",