Wysiwyg-editor: Uploading multiple images and files

[vahtel]

Uploading and inserting multiple images or files concurrently doesn't work. Simple test case is to try drag and drop multiple files to the editor, only the first one is inserted.

It isn't an issue with the picker because the input type="file" has multiple false.

[stefanneculai]

This is by design. For the moment we don't support multiple images/files upload.

[hackel]

Please re-open this as a feature request. It would be quite easy to implement. For now, I'm relying on a completely separate drop target that allows for multiple attachments, but this is a far less cohesive experience for end-users.

[stefanneculai]

@hackel we do not keep Feature requests here that's why this is closed. It is on our list, but I cannot tell you when it will be implemented. Although it might appear an easy thing to achieve, there are multiple things to consider.
- In order to have the images inserted correctly into the editor, the user should not type anything while the images are being uploaded. You can see that now when an image is uploaded we disable the editor input. This might result in having the user wait a long time for the images to be uploaded if there are several images there.
- Another thing to be aware of is how images are being inserted. The editor inserts images at the cursor position so there is no problem with the first image. But after the first image is inserted you have to decide where the next one should fall.

[hackel]

I was thinking primarily about dropping multiple images on the drop target to appear in the image gallery, as opposed to directly in the editor itself, though I could see both being desirable, as well as the ability to select multiple images from the gallery to insert into the editor. Inserting them one after the other at the cursor position makes the most sense to me, then they can be dragged around wherever needed.

In terms of a long upload time, I personally think that's fine. A fancy progress bar would be nice, of course, but not strictly necessary. Users can certainly be advised against long uploads, etc.

[stefanneculai]

@hackel Thank you for the feedback, really appreciate it a lot. I can assure you we're working on this feature, but we won't add it until we find a good way to address the things listed above plus few others. Adding new features is easy, but adding features that users love to use takes a bit of time and research.

[mukk85]

Is there any ETA for this?

[stefanneculai]

@mukk85 unfortunately, we don't have an ETA for this. Thank you.

[mukk85]

It has been over a year now. Any progress on this?

[sanjay-parmar-tatva]

Hi All, I have solved multiple image upload issue manually.

please find attached image.min.js and replace it with floara editor image.min.js.

it's work fine for me. And let me know if you have any issue so ill update it base on your requirement.
Please change image.min.txt to image.min.js.

Thanks.
Sanjay Parmar

[hackel]

@sanjay-parmar-tatva What exactly did you change? How did you address the above mentioned issues? I'm fairly certain you are not allowed to distribute derivative works per the disgusting, closed-source license of this product.

[mukk85]

Thanks, that seems to work for images being inserted, however I am more in need of having multiple files. It would seem I will have to do the same as @hackel and create a separate drop target. Pretty disappointing since I have paid for a license for this product and many of the free alternatives already offer this.

[sanjay-parmar-tatva]

@hackel, yes, i have reverted my comment. and if any one need help to change allow multiple file please contact me directly.

Thanks

[a-kolybelnikov]

@sanjay-parmar-tatva how can I contact you? can't find your email, mate.

[shd188]

@sanjay-parmar-tatva Please tell me your email，thanks

[GDanielRG]

@sanjay-parmar-tatva can you contact me for having that js? [email protected]

[dcaliri]

can I have that js too? [email protected]

[heymexa]

For resolve this problem I have developed the plugin - Images Multi Upload

The plugin uses options from image.js plugin and allows to send many images to the server.

Enjoy!

[nwyee]

@sanjay-parmar-tatva can i have that js ?

[sanjay-parmar-tatva]

Hi nwyee,

sorry but i think it creates some distribution issue with floara. Because
it's product of froala editor.

On Thu, Mar 29, 2018 at 12:30 PM, nwyee [e-mail] wrote:

@sanjay-parmar-tatva https://github.com/sanjay-parmar-tatva can i have
that js ?

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/froala/wysiwyg-editor/issues/1004#issuecomment-377141543,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ARuwWfRnz9CmjeTyu3UqWZmhkp9HHwLBks5tjIZ0gaJpZM4G9stG
.

[nwyee]

@sanjay-parmar-tatva It's okay. thanks anyway.

[clarkorz]

@sanjay-parmar-tatva I'm a commerial user of Froala, could you send me your solution? thx. clark.[email protected]

[DoanVanThuong]

totally agree with you
can you give me that solution
doan van [email protected]

[maddy-mangi]

Hi @sanjay-parmar-tatva Can you please send me the updated library for uploading multiple files.
Thanks ..
-maddy
[email protected]

[lovelyelfpop]

@sanjay-parmar-tatva Hi, can you please send me your library for uploading multiple images. Thanks. This is my email: [email protected]

[Webinsane]

For resolve this problem I have developed the plugin - Images Multi Upload

The plugin uses options from _image.js_ plugin and allows to send many images to the server.

Enjoy!

Thanks for the plugin. Did anyone tested it yet?

[vpekarek]

Did not tested, but overriding the default image plugin is quite easy. Just add multiple attribute to image upload input and modify upload function in image.js to loop through images from input, instead of taking first one.

From: if (typeof images != 'undefined' && images.length > 0) {
To: if (typeof images === 'undefined' || images.length === 0) { return; } for (var i = 0; i < images.length; i++) {

This will work.