I have had a successful experience with Dropzone when working images and files like .doc, pdf, etc. Now I am working on a music and video website and would like to use dropzone for the upload because of its nice experience. Any documentation on it? Has anyone used it for a similar purpose? Or are there alternatives that does the job out-of-the-box? Appreciate. Kindly share with me. Please only free and opensource libraries.
Based on the docs at http://www.dropzonejs.com/#configuration-options I see that it refers to files and not images only.
There is also an acceptedFiles method:
http://www.dropzonejs.com/#config-acceptedFiles
You can set there the accepted type of files then (like .mp3 etc).
You can find more about Dropzone.js at https://github.com/enyo/dropzone where as I can see on issues there are several open or closed issues related with the kind of files you want to use.
Related
I have a requirement from a client to show images from a PSD(photoshop) file which have multiple layers, on each layer there will be an image, I did some research about it but haven't got any leads, so far I come up with a JS library named psd.js, but I think that is only for parsing and converting to image format(not sure haven't found much documentation on internet). please suggest me if there is any open source library for reading and editing PSD files. (javascript or asp.net preferred)
here is my snippet I have tried so far but haven't got any success, please let me know if there is any way to work with PSDs
thanks.
PSD.fromURL("images/example.psd")
.then(function(psd) {
psd.tree()._children[3]._children[0].visble = false;
document.getElementById('ImageContainer')
.appendChild(psd.image.toPng());
console.log(psd.tree().export());
});
I did something similar for a project of mine, for that you can use imagemagick they even have a command line tool that can make the process very easy. It will let you extract the images from each layer. You can also use psd.js to get information about the each layer positioning and other information.
Hope this helps.
I'm in a little over my head with a project for a client, they want to build an audio editor that will allow the user to trim their uploaded audio files and save them. I've built the file uploader, and the detail view for the individual audio files, my question is how would this best be implemented? I've been looking at
Peaks.js
and I want to make sure thats the right way to go before diving in. Never used npm in a django project before, is it like using any other js library?
I've also been told about sox, which is great for manipulating the sound files, but what about displaying the sound to the user/editing in the browser?
Any help or general direction-pointing would be greatly appreciated and could save me a bunch of time potentially.
Google Drive team has recently announced that third-party Drive app can provide their own thumbnail as a file preview (http://googleappsdeveloper.blogspot.com/2012/10/thumbnails-for-your-custom-file-types.html).
What is for you the simplest way to achieve that?
Our app is using AngularJS on front-end and Python webapp2 on the backend-side.
The fact that the file URL is not public and since we won't make our users' files public, it sounds harder to make it on the server-side so I started my research by looking front-end solution.
I found html2canvas (http://html2canvas.hertzen.com) which sounds great but which does not generate a correct render of our app (missing part).
I was also thinking about something with PhantomJS to generate this preview but it sounds a little bit overkill.
Thanks for your help.
Edit
It actually works, but Google Drive renders it in small (like 300x200px) whereas the original canvas is 630x456px. Any thoughts on this issue?
Please find the original thumbnail and its render in Google Drive attached.
I would have suggested html2canvas, but as you found out it has some limitations which may make it a non-starter. Depending on what you'd like as the preview, a full screenshot might not be necessary. If, for example, you're referring to http://www.videonot.es/, a still/thumbnail image from the video might be a sufficient preview image.
I need some similar to Telerik control because this control have problem in opera.
Thanks in advance.
Have you looked at Uploadify?
Uploadify is a jQuery plugin that integrates a fully-customizable multiple file upload utility on your website
Uploadify is a great multiple file uploader. It was built off of the popular SWFUpload and they added new features to it.
Some of the features that I have found most helpful are:
The user can upload all the files at once using ctrl + clicking on all of
the files
As the files are being downloaded a queue is displayed which
shows the files being downloaded including a completeion bar.
As files are completed they are removed from the queue
It also allows you to specify which file types the user is
able to download (they can only see the ones you choose)
The main downfall is that it is a flash uploader if that is a problem for you.
I personally use Plupload http://www.plupload.com/ as it has some great options.
I am experimenting with the Aloha inline HTML5 editor (www.aloha-editor.com).
I am creating a CMS system that will allow the administrator to upload files for download.
These will go into an upload directory (public_html/upload).
When a user wants to put in a link they can click the repository browser and be presented with a list of files in this upload folder.
Does anyone know how I can do this? I don't understand the documentation at all, and even copying the javascript source from their examples isn't helping at all.
Thanks
You'll have to implement an Aloha repository.
you should get enough information on this discussion : http://getsatisfaction.com/aloha_editor/topics/how_to_add_a_directory_to_the_repository_window
Please feel free to ask more, i've done the stuff, so i could help.
Best regards