@bytescale/upload-widget-vue
Advanced tools
Comparing version 4.4.1 to 4.4.2
{ | ||
"name": "@bytescale/upload-widget-vue", | ||
"version": "4.4.1", | ||
"version": "4.4.2", | ||
"author": "Bytescale <hello@bytescale.com> (https://www.bytescale.com)", | ||
@@ -5,0 +5,0 @@ "description": "Vue File Upload UI Widget โ Lightweight & supports: drag and drop, multiple uploads, image cropping, customization & more ๐ Comes with Cloud Storage ๐", |
@@ -135,3 +135,4 @@ <h1 align="center"> | ||
<UploadDropzone :options="options" | ||
:on-update="onFilesUploaded" | ||
:on-update="onFileListChanged" | ||
:on-complete="onFilesUploaded" | ||
width="600px" | ||
@@ -143,3 +144,3 @@ height="375px" /> | ||
import { UploadDropzone } from "@bytescale/upload-widget-vue"; | ||
import type { UploadWidgetConfig, UploadWidgetOnUpdateEvent } from "@bytescale/upload-widget"; | ||
import type { UploadWidgetConfig, UploadWidgetResult, UploadWidgetOnUpdateEvent } from "@bytescale/upload-widget"; | ||
@@ -150,3 +151,4 @@ // Full Configuration: | ||
apiKey: "free", // Get API keys from: www.bytescale.com | ||
maxFileCount: 10 | ||
maxFileCount: 10, | ||
showFinishButton: true | ||
}; | ||
@@ -165,7 +167,11 @@ | ||
methods: { | ||
onFilesUploaded(event: UploadWidgetOnUpdateEvent) { | ||
if (event.uploadedFiles.length === 0) { | ||
onFileListChanged(event: UploadWidgetOnUpdateEvent) { | ||
console.log("On update:"); | ||
console.log(JSON.stringify(event)); | ||
}, | ||
onFilesUploaded(files: UploadWidgetResult[]) { | ||
if (files.length === 0) { | ||
alert("No files selected."); | ||
} else { | ||
alert(event.uploadedFiles.map(f => f.fileUrl).join("\n")); | ||
alert(files.map(f => f.fileUrl).join("\n")); | ||
} | ||
@@ -172,0 +178,0 @@ } |
47811
546