mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-26 09:46:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge 556db15cbe into 07eea0f484

Browse source
This commit is contained in:
liudonghua 2025-04-13 04:11:28 +02:00 • committed by GitHub
commit f6483729f3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 22 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/tools/base64-file-converter/base64-file-converter.vue
View file

@ -76,10 +76,28 @@ async function onUpload(file: File) {
fileInput.value = file;
}
}
function onPaste(event: ClipboardEvent) {
if (event.clipboardData) {
const { items } = event.clipboardData;
for (const item of items) {
if (item.kind === 'file') {
fileInput.value = item.getAsFile()!;
}
else if (item.kind === 'string' && item.type.match('^text/plain')) {
item.getAsString(s => base64Input.value = s);
}
else {
// eslint-disable-next-line no-console
console.info('Unsupport clipboardData', item);
}
}
}
}
</script>
<template>
<c-card title="Base64 to file">
<c-card title="Base64 to file" @paste="onPaste">
<n-grid cols="3" x-gap="12">
<n-gi span="2">
<c-input-text
@ -121,8 +139,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>