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

feat: added memo base

Browse source
This commit is contained in:
Corentin Thomasset 2021-03-14 23:37:57 +01:00
parent 1034296359
commit 0a4abde23d
No known key found for this signature in database
GPG key ID: DBD997E935996158
16 changed files with 537 additions and 151 deletions
Download patch file Download diff file Expand all files Collapse all files

32
pages/tools/Web/file-to-base64.vue
View file

@ -1,6 +1,5 @@
<template>
<ToolWrapper :config="config()" noCard="true">
<ToolWrapper :config="config()" no-card="true">
<FileUploader v-model="file"/>
<div v-if="base64 || loading" class="mt-10">
@ -23,16 +22,15 @@
</v-card-text>
</v-card>
</div>
</ToolWrapper>
</template>
<script lang="ts">
import {Component, Watch} from 'nuxt-property-decorator'
import {CopyableMixin} from '@/mixins/copyable.mixin'
import Tool from '@/components/Tool'
import {ToolConfig} from '@/types/ToolConfig'
import FileUploader from '~/components/FileUploader'
import Tool from '@/components/Tool.vue'
import type {ToolConfig} from '@/types/ToolConfig'
import FileUploader from '~/components/FileUploader.vue'
@Component({
mixins: [CopyableMixin],
@ -43,28 +41,30 @@ export default class FileToBase64 extends Tool {
return {
title: 'File to base64',
description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus distinctio dolor dolorum eaque eligendi, facilis impedit laboriosam odit placeat.',
icon: 'mdi-key-chain-variant',
icon: 'mdi-file-link-outline',
keywords: ['file', 'base64']
}
}
file = null
file: Blob | null = null
loading = false
base64= ''
base64 = ''
handleBase64(base64) {
handleBase64(base64: string) {
this.base64 = base64
this.loading = false
}
@Watch('file')
onFile() {
this.loading = true
this.base64 = ''
const reader = new FileReader()
reader.onload = () => this.handleBase64(reader.result)
reader.onerror = () => this.handleBase64('[An error as occurred]')
reader.readAsDataURL(this.file)
if (this.file) {
this.loading = true
this.base64 = ''
const reader = new FileReader()
reader.onload = () => this.handleBase64(reader.result as string)
reader.onerror = () => this.handleBase64('[An error as occurred]')
reader.readAsDataURL(this.file)
}
}
}