abl_droploader: A native drag & drop multiple image uploader

candyman · 2014-12-15 20:13:26

Thanks, at the moment it was not working: there must be another one.

I notice now that I have not specific CSS: could be that?

uli · 2014-12-15 21:38:47

candyman wrote #286595:

I notice now that I have not specific CSS: could be that?

Your droploader paths in general – also for JS – might be wrong.

candyman · 2014-12-16 12:49:19

I’ve put them under the site-root folder as indicated on the docs.
How can I verify if they’re working?

BTW, in the docs I didn’t found where the textpack file must be placed.

Last edited by candyman (2014-12-16 12:56:36)

uli · 2014-12-16 13:52:03

Alright, sorry for not taking a deeper look before. abl_droploader is the plugin that actually offers this super comfort of installing all the necessary stuff by itself. If it didn’t, like in your case, you have to do it on your own, CSS included, and the CSS file seems to be important here, as the drop zone for images is stretched across the whole Write panel by some properties therein. OK, so you’ll need to put the CSS file (do you have abl.droploader-app.css lying around?) inside abl_droploader’s res folder, as shown in the plugin help.

candyman wrote #286631:

How can I verify if they’re working?

They’re usable if you have the usual TXP Write panel twistie bar (I’m describing Hive here, as always, mine is named German, like “Load up” or similar and is sitting below Textile Help. Might have put it there with bot_wtc, though.) Once opened there’s a link to click which makes a semi-transparent full width/full height drop area slide down.

BTW, in the docs I didn’t found where the textpack file must be placed.

It can be uploaded to TXP’s language panel, below the language list. Copy/paste the file contents.

candyman · 2014-12-16 14:33:30

Thank you for your help, it’s working now.
My fault, I was looking under the excerpt box in the Write panel: I thought the there was a new box here to put images.
Great plugin, it is that I was looking for! :)

Last edited by candyman (2014-12-16 16:08:14)

uli · 2014-12-16 15:48:50

You’re welcome, great that it’s working now.

milosevic · 2015-12-14 12:52:01

I have a big issue using this plugin vs jbx_multiple_image_upload.

abl_ looks better than jbx_ one, but I have a problem with the load order of images at uploading.

When I upload a bunch of images I want it to follow a specific order (alphabetic based on file names), so I rename my files before loading it to textpattern with names like “image_001.jpg” to “image_999.jpg”.

jbx_multiple_image_upload respects this file name order by default, but abl_droploader seems to follow another criteria to upload images, at least when using drag and drop method.

Wich criteria uses the pluging to add files to upload queue?
Can I force it someway to use alphabetic based on file names order?

Thanks.

mrdale · 2015-12-19 20:39:18

Just an FYI to get this working for 4.6ish

The javascript file “abl.droploader-app.js “ that is installed in the “res” directory needs to be edited on line 189 to add the new class…

$('#image_control, .txp-control-panel').prepend(image_upload_link); // insert link

mrdale · 2016-02-26 17:49:46

actually, I am unable to use this with later builds of 4.6. It keeps giving me a file too large message… disabling and uploading via the regular interface works just fine.

jpdupont · 2017-03-10 14:30:02

abl_droploader don’t work with last 3.1.1 jquery.js

If I replace the vendors\jquery … by a 2.* release, it work.

I’m on 4.7 dev.

Is it possible to stay on the 4.7 with a 2. * ???

raminrahimi · 2017-08-17 18:24:00

i’ve installed this plugin and having two issue:
1. [solved] my plugin for reach text editor (hak_tinymce) will not appear when i active abl_droploader
2. i can’t upload max image more then 1 MB , it says : image01.jpg is too large!

i solved the tiny_mce editor issue, just added the following code to the abl_droploader
<script src="tiny_mce/tiny_mce.js" type="text/javascript"></script> <script src="index.php?event=hak_tinymce_js" type="text/javascript"></script>

also if any way to upload and resize the photos plz ?

Last edited by raminrahimi (2017-08-17 19:36:20)

uli · 2017-08-17 19:42:36

raminrahimi wrote #306652:

also if any way to upload and resize the photos plz ?

There’s esq_autoimageresize, didn’t ever try, though, whether it works in conjunction with abl_droploader.

Edit: smd_thumbnail?

Textpattern CMS

Textpattern CMS support forum

#121 2014-12-15 20:13:26

Re: abl_droploader: A native drag & drop multiple image uploader

#122 2014-12-15 21:38:47

Re: abl_droploader: A native drag & drop multiple image uploader

candyman wrote #286595:

#123 2014-12-16 12:49:19

Re: abl_droploader: A native drag & drop multiple image uploader

#124 2014-12-16 13:52:03

Re: abl_droploader: A native drag & drop multiple image uploader

candyman wrote #286631:

#125 2014-12-16 14:33:30

Re: abl_droploader: A native drag & drop multiple image uploader

#126 2014-12-16 15:48:50

Re: abl_droploader: A native drag & drop multiple image uploader

#127 2015-12-14 12:52:01

Re: abl_droploader: A native drag & drop multiple image uploader

#128 2015-12-19 20:39:18

Re: abl_droploader: A native drag & drop multiple image uploader

#129 2016-02-26 17:49:46

Re: abl_droploader: A native drag & drop multiple image uploader

#130 2017-03-10 14:30:02

Re: abl_droploader: A native drag & drop multiple image uploader

#131 2017-08-17 18:24:00

Re: abl_droploader: A native drag & drop multiple image uploader

#132 2017-08-17 19:42:36

Re: abl_droploader: A native drag & drop multiple image uploader

raminrahimi wrote #306652:

Board footer