dnnFileUploadDropZone - DNN Platform (open core)

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

Home All Forums

Home

Development and...

DNN Platform (o...

dnnFileUploadDropZone

8/6/2014 10:41 AM

Daniel Abrahamberg

www.zenithsystem.se
Joined: 10/19/2005

Posts: 78

dnnFileUploadDropZone

Hello there,

I really like the drag and drop file upload tool that is in admin> Site-Settings in basic settings under Appearance category. i.e. the one that you change the logo of the website with it.

Since file uploading with Ajax has been little bit problematic and this control works very fine, I really would like to use it in my module.

I wonder if there is a API for it or somebody can give me some hints how it works ?

I just find out this Jquery related to this but I would appreciate a little bit of clarification :)

var initDnnFileUploader = function() {
	var settings = {
	fileFilter: 'jpg,jpeg,jpe,gif,bmp,png',
	required: true,
	foldersComboId: 'dnn_ctr386_SiteSettings_ctlBackground_FoldersComboBox',
	filesComboId: 'dnn_ctr386_SiteSettings_ctlBackground_FilesComboBox',
	fileUploadId: 'dnn_ctr386_SiteSettings_ctlBackground_FileUploadControl',
	folder: '',
	selectedFolderId: 41,
	progressBarId: 'dnn_ctr386_SiteSettings_ctlBackground_dnnFileUploadProgressBar',
	dropZoneId: 'dnn_ctr386_SiteSettings_ctlBackground_dnnFileUploadDropZone'
	};
	$('#dnn_ctr386_SiteSettings_ctlBackground_dnnFileUploadScope').dnnFileUpload(settings);
	};
	$(initDnnFileUploader);

	// microsoft ajax registered - to fix microsoft ajax update panel post back
	if(typeof Sys != 'undefined')
	Sys.WebForms.PageRequestManager.getInstance().add_endRequest(initDnnFileUploader);

Thanks in advance

8/7/2014 10:36 AM

Joe Brinkman

blog.theaccidentalgeek.com
Joined: 5/18/2003

Posts: 2356

Re: dnnFileUploadDropZone

You should use the DNN FilePickerUploader control. You can see an example of it in use in the sitesettings.ascx control:

< %@ Register TagPrefix="dnn" TagName="FilePickerUploader" Src="~/controls/filepickeruploader.ascx" % >
< dnn:FilePickerUploader ID="ctlID" runat="server" Required="True" / >

Then you can set the necessary properties for ctlID in your code behind.

Joe Brinkman
DNN Corp.

8/11/2014 8:59 AM

Daniel Abrahamberg

www.zenithsystem.se
Joined: 10/19/2005

Posts: 78

Re: dnnFileUploadDropZone

Thanks Joe for the answer ,

FilePickerUploader is a nice control but there is too little info about it online yet.

Since our module is a AJAX based, we need figure the name of uploaded/Saved file out and give it to our jQuery to take care of it. (Send it to the web service with other info to write into the database).

I wonder if there is a way to get the name (path) of saved file and pass it to jQuery plus fire a event (i.e onDownloadComplete)?

8/11/2014 9:10 AM

Geoff Barlow

Joined: 7/14/2011

Posts: 251

Re: dnnFileUploadDropZone

Just to supply you with more info about the DnnFilepicker, here is a great resource which I use all the time:

http://dotnetnukeru.com/Dnn6Docs/api/html/T_DotNetNuke_Web_UI_WebControls_DnnFilePicker.htm

It has all the methods, properties, event etc of the control.

Hope this helps,

Geoff

8/20/2014 5:59 AM

Daniel Abrahamberg

www.zenithsystem.se
Joined: 10/19/2005

Posts: 78

Re: dnnFileUploadDropZone

Thanks Geoff

Page 1 of 2

Home

Development and...

DNN Platform (o...

dnnFileUploadDropZone

These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
No Flaming or Trolling.
No Profanity, Racism, or Prejudice.
Site Moderators have the final word on approving / removing a thread or post or comment.
English language posting only, please.

Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

DNN Corp. (DotNetNuke)