Press Ctrl / CMD + C to copy this to your clipboard.
This post will be reported to the moderators as potential spam to be looked at
I made a Gist for this, as it's something I've had to do for a couple projects. Thought it might come in handy for someone else.
File Upload Example Gist
If there's any thoughts on how to improve it, or make it simpler, or do the same thing better in another fashion, I'd be interested.
Nice work and thank you for sharing! :) - I'm just wondering if it would be possible make a package out of this so people can just install it boom then it works?
Oh, hey, probably! I hadn't considered a small package for something like this, but that's a great thought. I'll look into that. :)
Cool - It seems to be some nice useful functionality that many can benefit from without needing to know the ins and outs of the code and how to make it work themselves. By packaging it up and writing some short instructions it can perhaps make it easier for those that just need to get the job done and might not need to know all the details about what goes on under the helmet :)
I can see definitely see that. It's just a matter of time (I had just completed the code for a work project so threw it up quickly). I'll have to fit in packaging it as a little weekend warrior project.
Yeah, no worries - I can totally understand it and it's up for the grabs from Github - So just a nice enhancement when time allows.
I'll certainly give the package a big H5YR :D
The package is absolutely a great idea. :) I'm glad you suggested it!
The gist looks great. H5YR!!!
How do I get this working on a custom section panal as a plugin?
I've created a plugin folder, then added a custom dashboard section:
<tab caption="Bulk upload">
<control showOnce="false" addPanel="true" panelCaption="">
Then on the controller I have this:
<div class="umb-panel-body umb-scrollable row-fluid">
<div class="tab-content form-horizontal">
<div id="content" data-ng-app="exampleApp" data-ng-controller="FileUploadController">
<h1>Upload a file</h1>
<button ng-file-select ng-model="files" ng-file-change="fileSelected(files)" class="file button btn-primary" ng-multiple="false" accept=".jpg,.png,.gif" ng-show="!isUploading">
<button type="button" data-ng-click="uploadFile()">Upload</button>
and in my package manifest files I have this:
Nothing seems to be firing when I click the choose file button though.
Did you find a solution to this?
I cant seem to get it to work either. Interested to know if you find a workaround.
Great work, also trying to get this running seems like it's using an old v3 version of https://github.com/danialfarid/ng-file-upload so make sure to reference that, since the new ones won't work due to the directives being renamed
Are you using the file at
I have tried copying that file to the App_plugins folder of the angular-uploader but it doesnt seem to work.
Do you happen to have the direct link to the ng-file-upload.js used?
Tried adding it as a data type with package.manifest looking like below;
name: "FileUpload API Controller",
When added to the document type, Its loading the the browse and upload button, no console errors but when i click on browse its saving the document (i.e. firing save event instead of opening file dialog).
Is there a proper way to get this to work in a data type?
For others interested in this topic, based on Kyle's initial Gist I have a working plugin at
You'll need to clone the repo and then copy the App_Plugins/SimpleFileUpload folder, and the FileUploadApiController.cs into your Umbraco project. You will then be able to create a dashboard control pointed at ../App_Plugins/SimpleFileUpload/app.html, e.g.
<tab caption="Simple File Upload">
I plan to develop it into a package, which will install a property editor into the backoffice for use in doctypes.
is working on a reply...
Write your reply to:
Image will be uploaded when post is submitted