This commit is contained in:
nasir@endelospay.com 2024-06-11 00:23:34 +05:00
parent 9699b230d5
commit e3e44f116e
2 changed files with 15 additions and 5 deletions

View File

@ -37,6 +37,15 @@ const downloadFile = (fileUrl) => {
link.click(); link.click();
document.body.removeChild(link); document.body.removeChild(link);
}; };
const downloadImage = async (imageUrl) => {
try {
const response = await fetch(imageUrl)
const blob = await response.blob()
const fileName = imageUrl.split('/').pop()
saveAs(blob, fileName)
} catch (error) {
console.error('Error downloading image:', error) }
}
</script> </script>
<template> <template>
@ -64,9 +73,10 @@ const downloadFile = (fileUrl) => {
<span class="app-timeline-title" v-if="p_note.note_type=='Notes'"> <span class="app-timeline-title" v-if="p_note.note_type=='Notes'">
{{p_note.note}} {{p_note.note}}
</span> </span>
<span class="app-timeline-title" v-if="p_note.note_type=='file'"> <span class="app-timeline-title" v-if="p_note.note_type == 'file'">
<img :src="p_note.note"/> <img :src="p_note.note" @click="downloadImage(p_note.note)" />
</span>
</span>
<span class="app-timeline-meta">{{ formatDateDate(p_note.created_at) }}</span> <span class="app-timeline-meta">{{ formatDateDate(p_note.created_at) }}</span>
<!-- <span></span> --> <!-- <span></span> -->
</div> </div>

View File

@ -76,8 +76,8 @@ const downloadFile = (fileUrl) => {
</span> </span>
<span class="app-timeline-title" v-if="p_note.note_type == 'file'"> <span class="app-timeline-title" v-if="p_note.note_type == 'file'">
<img :src="p_note.note" @click="downloadImage(p_note.note)" /> <img :src="p_note.note" @click="downloadImage(p_note.note)" />
<button @click="downloadImage(p_note.note)">Download Image</button>
</span> </span>