Integrate jquery files/images upload plugin in TXP

etc · 2017-10-03 12:44:35

It looks like it needs an absolute path to txp tmp directory — will investigate.

jpdupont · 2017-10-03 14:36:14

I do not understand. I just :

Reinstall your dropzone version
Empty the cache
Relaunch Textpattern
And I can not even click the file selection button.
Looking at the source of the page, I see no link to the file dropzone.js ???

The files are on Webfaction, on an https domain. I use Chrome, last version, on Mac OS X 13.

etc · 2017-10-03 15:05:17

You should

reinstall the latest dropzone branch (just updated again, sorry)
refresh the cache (Cmd+F5 or equivalent)
switch to Hive Flat Neutral admin theme, which uses blueimp fileupload (not dropzone.js). You should then see something like

<script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-file-upload/9.19.1/js/jquery.fileupload.min.js" integrity="sha256-xoEL7+UoSsbauvpImf1v+EkJclYUX+cLu3rKHjnJaOU=" crossorigin="anonymous"></script>

<script src="vendors/enyo/dropzone/txpFileupload.js"></script>

<script>
textpattern.Route.add('file', function() {
    if ($('.txp-list-container').length) {
        jQuery('.upload-form').txpFileupload({maxChunkSize: 2097152});
    }
});
</script>

in Files page source. Dropzone does not chunk large files and its clones do it in a non-standard way.

I have not tested Webfaction, can do if you send me a txp login.

jpdupont · 2017-10-03 15:08:34

My fault … I had modified the hive flat files on the test domain.
Replacing them corrects some of the problems.
However, with the corrected files, I see the scrolling of the upload until the end then … nothing. The files are not in the refreshed list. Test with 3 small files and a very large.

etc · 2017-10-03 15:27:42

jpdupont wrote #307281:

However, with the corrected files, I see the scrolling of the upload until the end then … nothing. The files are not in the refreshed list. Test with 3 small files and a very large.

Probably, a previous version has left partly downloaded file chunks. The latest one should clean them up, at least on the second attempt. If you can, check if there are any weird-named .part files left in your tmp or files directory, delete them and retry.

jpdupont · 2017-10-03 15:29:44

Ok, but impossible to retry today …

phiw13 · 2017-10-03 23:09:18

2 notes (with the latest code from the branch)

I like the blueimp file upload UI much better…
one issue: after uploading, thing seems to get the file title quite wrong, see screen grab below (compare title to file name), result of 3 different uploads, in between upload 2 and 3, went to some other panel.

etc · 2017-10-04 07:52:23

phiw13 wrote #307284:

2 notes (with the latest code from the branch)

I like the blueimp file upload UI much better…

Actually, it’s just a mockup I’ve made for testing :-) Blueimp is used here for chunking large files without any UI.

one issue: after uploading, thing seems to get the file title quite wrong, see screen grab below (compare title to file name), result of 3 different uploads, in between upload 2 and 3, went to some other panel.

Interesting! Either my assumption on files array indexed identically both client and server side is wrong (which would be a problem), or the issue concerns only large (chunked) files. Will investigate.

Thanks for testing!

phiw13 · 2017-10-04 08:15:20

etc wrote #307286:

Actually, it’s just a mockup I’ve made for testing :-) Blueimp is used here for chunking large files without any UI.

Yes, I understood that. But I checked the Blueimp docs which I didn’t know about -:). (here – I like that “basic plus“ UI, simplicity!).

etc · 2017-10-04 16:38:41

File titles issue should be fixed in Hive Flat now, as long as all simultaneously uploading files have different names.

I have also tweaked files (atm) tab actions to update the list asynchronously. You can use the uploader as audio player now :-)

Bloke · 2017-10-04 19:14:44

etc wrote #307290:

You can use the uploader as audio player now :-)

We’d best update the project description on GitHub then: A flexible, elegant and easy-to-use content management system and jukebox ;-)

phiw13 · 2017-10-05 00:21:06

etc wrote #307290:

File titles issue should be fixed in Hive Flat now, as long as all simultaneously uploading files have different names.

Seems to work fine now with collections of small and large files.

I have also tweaked files (atm) tab actions to update the list asynchronously. You can use the uploader as audio player now :-)

Now we‘re getting serious… !

Textpattern CMS

Textpattern CMS support forum

#16 2017-10-03 12:44:35

Re: Integrate jquery files/images upload plugin in TXP

#17 2017-10-03 14:36:14

Re: Integrate jquery files/images upload plugin in TXP

#18 2017-10-03 15:05:17

Re: Integrate jquery files/images upload plugin in TXP

#19 2017-10-03 15:08:34

Re: Integrate jquery files/images upload plugin in TXP

#20 2017-10-03 15:27:42

Re: Integrate jquery files/images upload plugin in TXP

jpdupont wrote #307281:

#21 2017-10-03 15:29:44

Re: Integrate jquery files/images upload plugin in TXP

#22 2017-10-03 23:09:18

Re: Integrate jquery files/images upload plugin in TXP

#23 2017-10-04 07:52:23

Re: Integrate jquery files/images upload plugin in TXP

phiw13 wrote #307284:

#24 2017-10-04 08:15:20

Re: Integrate jquery files/images upload plugin in TXP

etc wrote #307286:

#25 2017-10-04 16:38:41

Re: Integrate jquery files/images upload plugin in TXP

#26 2017-10-04 19:14:44

Re: Integrate jquery files/images upload plugin in TXP

etc wrote #307290:

#27 2017-10-05 00:21:06

Re: Integrate jquery files/images upload plugin in TXP

etc wrote #307290:

Board footer