We often want to download/preview to make it sure what we have uploaded. A small thumbnail preview sometimes not enough. So, here is a small javascript. That will open the image in new tab. Full and final code can be found in my github repository : https://github.com/khairulhasanmd/dropzone-test
1 CommentTag: dropzone
The following image says it all : The images in the thumbnail are not in their perfect size. To solve this, we have to add some CSS. A css tag like following in the <head> section, after the dropzone.css will do the trick. After adding the css tag, it wll become like following:
Leave a CommentWe always want to see what we have done in the past. An user will want to see the uploaded files later. When we reload our dropzone upload page, We can’t see the files we have uploaded before. So this time I will show you ways to see the previous uploaded files. Extra jsvascript function to handle the dropzone initialization…
Leave a CommentHumans make mistakes, It’s their default behavior. It is possible that while uploading files people will upload unnecessary images and later they will want to delete those. In our previous version of dropzone test project, We only uploaded files. We were unable to delete those files. Lets implement this feature. So, an extra javascript added to the <script> tag to…
Leave a CommentDropzone.js is a JavaScript library which provides drag and drops file upload with preview. It works with or without jQuery within the project and also it doesn’t require any other libraries. It doesn’t upload the file to your server. For uploading files, you can use PHP. You not only upload the file by drag n’ drop you can also use…
Leave a Comment