NoelOConnell/quill-image-uploader

Select multiple image files?

liuchao92 opened this issue ยท 1 comments

Hi! ๐Ÿ‘‹

Firstly, thanks for your work on this project! ๐Ÿ™‚

Today I used patch-package to patch quill-image-uploader@1.2.3 for the project I'm working on.

I need to select multiple image files. I tried this solution. Maybe it's incomplete, but it worked.

Here is the diff that solved my problem:

diff --git a/node_modules/quill-image-uploader/src/quill.imageUploader.js b/node_modules/quill-image-uploader/src/quill.imageUploader.js
index 58fb063..fc72f38 100644
--- a/node_modules/quill-image-uploader/src/quill.imageUploader.js
+++ b/node_modules/quill-image-uploader/src/quill.imageUploader.js
@@ -29,6 +29,7 @@ class ImageUploader {
         this.fileHolder = document.createElement("input");
         this.fileHolder.setAttribute("type", "file");
         this.fileHolder.setAttribute("accept", "image/*");
+        this.fileHolder.setAttribute("multiple", "");
         this.fileHolder.setAttribute("style", "visibility:hidden");
 
         this.fileHolder.onchange = this.fileChanged.bind(this);
@@ -146,8 +147,9 @@ class ImageUploader {
     }
 
     fileChanged() {
-        const file = this.fileHolder.files[0];
-        this.readAndUploadFile(file);
+        for (const file of this.fileHolder.files) {
+            this.readAndUploadFile(file);
+        }
     }
 
     insertBase64Image(url) {

This issue body was partially generated by patch-package.

@NoelOConnell plz. ๐Ÿ™