I am creating a custom section and want to allow users to drop a file onto the section dashboard to upload it - in the same way that you can in the Media Library section.
Rather than actually uploading to the media library, I will need to process the files as they contain data to be uploaded.
I have created the new section and have a blank dashboard showing - but I don't know how to implement the "drag - drop - upload" bit!
A JS error ... happens when the page loads. I see the error in the console window in Chrome.
My (the possible) problem is that I am new to Angularjs and cannot be sure I have put everything in the right place and configured everything that is needed.
OK, my next question was your Angular experience. :)
If I had to guess without seeing your code, I'm guessing that you're trying to load the angular view in the back-office, but haven't linked to the controller in it. My example code is for a file upload function on the front of a website, and the markup acts accordingly.
The error sounds like it's trying to load the controller that's bound to the HTML view, but is failing to locate it.
Add file upload to custom section
I am creating a custom section and want to allow users to drop a file onto the section dashboard to upload it - in the same way that you can in the Media Library section.
Rather than actually uploading to the media library, I will need to process the files as they contain data to be uploaded.
I have created the new section and have a blank dashboard showing - but I don't know how to implement the "drag - drop - upload" bit!
Any clues / pointers / etc would be most welcome!
Hi Gordon,
Haven't done this myself, but maybe this gist by Kyle Weems can help you out : https://gist.github.com/cssquirrel/3e5daad14bd2ff40edcc
Dave
Umm, struggling to get it plumbed in and working :-(
I have "App_Plugins/MyPlugin/BackOffice/MyPluginTree' folder where I put the file upload files.
I added the upload menu like this:
There is a file called fileUpload.html, which does load. however, I get the error:
which means little to me. Anyone know what the problem might be? Has anyone successfully used this code by Kyle Weems?
Gordon,
Is this a JS error, or a C# error? And when in the process does the error occur?
A JS error ... happens when the page loads. I see the error in the console window in Chrome.
My (the possible) problem is that I am new to Angularjs and cannot be sure I have put everything in the right place and configured everything that is needed.
OK, my next question was your Angular experience. :)
If I had to guess without seeing your code, I'm guessing that you're trying to load the angular view in the back-office, but haven't linked to the controller in it. My example code is for a file upload function on the front of a website, and the markup acts accordingly.
The error sounds like it's trying to load the controller that's bound to the HTML view, but is failing to locate it.
Can you post your relevant code snippets?
I have posted various code snippets below - is there anything else that would be helpful to see?
Hi,
the error seems like the controller is not added in the package manifest and thus not loaded by umbraco.
Regards David
I will do so, but in a couple of hours as I am not at my own computer at the moment.
I initially tried adding a node menu item and then tried to add it as a dashboard page. The same problem happened with both solutions.
OK, I have added a folder structure as
App_Plugins/MyPlugin/BackOfficeMyPluginTree
I have added a package.manifest to the folder App_Plugins/MyPlugin
}
I have added the following to dashvoard.config
I have added the following files to the "backoffice" folder:
angular-file-upload.js (version 3.2.3) file.upload.api.service.js file.upload.controller.js fileUpload.html ng.app.js
Is there anything else you need to know / see
Can anyone help with this? I just can't get it to work - or find any useful examples / tutorials :-(
Still getting nowhere :-(
Time to abandon this idea and find another way to upload files.
If someone still struggles with this, I have just got it working:-) My receipe is here.
is working on a reply...