Question

I see this in the examples for using a pretty html5 file upload in client-side javascript of Share of the Alfresco Community version.
I try to use it as per instructions:

this.widgets.myWidget = Alfresco.component.getDNDUploadInstance();

Unfortunately, I get an error:

Uncaught TypeError: Object #<Object> has no method 'getDNDUploadInstance'

What am I missing here? Do I need some dependencies? I included alfresco.js, alfresco-dnd.js to my Share dashlet.

Answer 1

I think the code snippet included in the class JSDoc may be out of date.

Since the class Alfresco.DNDUpload seems to implement the capabilities, you should be able to use something like

dndUpload = new Alfresco.DNDUpload(elid);
var multiUploadConfig =
{
   destination: destination,
   siteId: siteId,
   containerId: doclibContainerId,
   path: docLibUploadPath,
   filter: [],
   mode: dndUpload.MODE_MULTI_UPLOAD,
}
dndUpload.show(multiUploadConfig); 

Your elid should contain the ID of the Dom element that you are going to render the upload component into – you may find that you need to predefine some markup within there. The expression args.htmlid is normally used to supply the value in your web script.

You should also check out the parameters supported by the show() method (docs). I could not see a files parameter listed so I removed this, but you should review the other values you supply in order to ensure you are specifying appropriate values.

If you need further reference material then check out the dnd-upload.get web script (source dir).