FileUpload (advanced): DragAndDrop not working, javascript error

[albfernandez]

FileUpload (advanced): DragAndDrop not working, javascript error

[christophs78]

Idea 1:

[melloware]

PR submitted. Thanks for the report!

[christophs78]

Related issues which triggered refactorings for 14.0.0: #11001, #11043, #11044

We may have to look into the assigned commits.

Up to 13.0.x following JS was rendered:

pf.cw("FileUpload","widget_j_idt342_j_idt344",{id:"j_idt342:j_idt344",resumeContextPath:"\/showcase\/file\/resume\/",mode:"advanced",update:"j_idt342:messages",maxFileSize:100000.0,allowTypes:/(\.\|\/)(gif\|jpe?g\|png)$/});

Starting with 14.0.x maxFileSize is rendered into HTML:

<input type="file" id="j_idt247:j_idt249_input" name="j_idt247:j_idt249_input" aria-hidden="true" tabindex="-1" data-p-label="Choose" data-p-sizelimit="100000" data-p-allowtypes="/(\.|\/)(gif|jpeg|jpg|png)$/" data-p-val="primefaces.File" />

pf.cw("FileUpload","widget_j_idt247_j_idt249",{id:"j_idt247:j_idt249",mode:"advanced",update:"j_idt247:messages"});

The missing link is to find a way to access data-p-sizelimit also during drag´n´drop.

[christophs78]

Ok - now i understand why @melloware gave up on this ...

Doing following is only a small part of the solution:

var dataFileInput = data.fileInput ? data.fileInput : $('#' + $.escapeSelector(data.paramName + '_input'));

The other issue is following:

At this point any quick solution seems to be out of scope. At least for now. p:FileUpload Drag´n´Drop - support is gone for now.

[christophs78]

Added a commit with part of a possible solution.

But it still fails for more than one file because of:

Maybe someone else can come up with further ideas.

[melloware]

@christophs78 you have come to a similar place where I landed so I just fixed the NPE to at least restore the drag and drop functionality.