Save the thumbnails of dropzonejs in php - dropzone.js

Hi I was new in the web development work and upon googling i find dropzonejs that uploads multiple photos perfectly. I was just wondering on how to save the thumbnails of the same photos into another folder or path and save it to database also.
Please help, I'm newbie , I just understand the code but can't create one by my self
Thanks in advance,
Gene

Related

Website with auto updating image from latest file in folder

I am a noob with everything related to coding, except for some knowledge of the linux command line. Anyway, I have this idea for a project. I need a website with an image that updates every few hours or so. I have a folder in google drive, and every few hours a new image is uploaded. These times are not regular, but as long as the website gets the new photo within an hour-2hours, it will be fine. I was thinking of making an alias folder that links to the latest image in a folder (like how apple does it with time machine backups) if that makes sense. Then I would copy the link on google drive (of the alias folder) and put that into wordpress. It would pull that link, which would go to the latest image in a folder. I have a feeling that this would not work out, however. Basically, I just want an automated updater to pull the latest image from a google drive folder and publish it to the website. If it needs to be local, I could use the backup and sync for drive and the google drive folder would be synced to my local machine.
Another thing I was thinking of was a automatic slideshow maker. I would use some kind of script in google to delete all files in a folder except for the latest one. Then I would use the automatic slideshow maker to make a slideshow based on data in the particular google drive folder, which would be the latest photo.
Again, these are just some ideas that I have had, and they are both likely not going to work.
I have a self hosted web server (docker) and could put a wordpress instance on that, or I could use an online website builder like weebly or wix or even google sites. It needs to be free because this is for a community service project and I do not want to have to constantly fundraise. However, if my only option requires payment, I am open to that.
Does anybody have a solution for this?
Thanks!
There are several ways to achieve what you desire.
One approach:
I would suggest naming the image that you put in drive with the same filename. (renaming the old ones, as each new image is uploaded)
Google Apps script makes it easy (and free) to deploy a Web App, and using it gives you the benefit of using it's Drive Service among others.
Use a time-driven trigger to execute a function that renames your images so that the most recently uploaded one has the name of the image your website is requesting.
Alright, I have found an awesome solution! First, I setup a google account and made a folder in google drive. Then, I downloaded an app called DriveSync. I used the app Automate (by llamalab) to take photos (you can program it however you want it to trigger the photo). The trigger happens, then it deletes a file called latest.jpg in the Automate Image folder (on the android phone). Then it takes a photo with an image name of latest.jpg. And all of this is synced to the remote Google Drive Folder thanks to DriveSync. So now we have a synced google drive folder. Then, I setup a Wordpress Instance. Get the Add-On called Image and video gallery from Google Drive here https://wordpress.org/plugins/skaut-google-drive-gallery/. Now, follow the steps to link up your google drive folder to it, and configure your website to display this addon on your page of choice. It will pull the only image in the folder we configured earlier, and it will display it on the website! Plus it auto updates. Also, you can configure the image size which is helpful as this was probably meant to display more than one photo, but with only one photo there is a lot of empty space.
Hope you found this helpful!

blueimp/jQuery-File-Upload Cannot Download the Image File and Cannot Upload a Bigger Size of Image

First of all , Apologize to my poor english .
So my project is plain php and mysql. and i implemented this awesome plugin which is the blueimp/jQuery-File-Upload (using this tutotial https://github.com/blueimp/jQuery-File-Upload/wiki/PHP-MySQL-database-integration). everything is doing good. i can upload anything.
but unlucky me i have two problems. :(
1.First i cannot download the uploaded image even though the file are stored in the DB. :( but i can download videos,.txt and anything on microsoft office file.
2.Second i cannot upload a larger size of an image. :(
here's a screenshot
cannot uplaod
please help :( can anyone solve my problems ??? :( very appreciated :)
BTW i tested this only in localhost.

Comfortable mexican sofa - upload file to specific path

At this moment when I upload file into CMS it is being stored in location like:
/system/comfy/cms/files/files/000/000/004/original/logo.jpg
I would like to be able to specify that logo category files will be stored in path
/system/logo/logo.jpg
and files of category images in:
/system/images/image.jpg
Where should I start? Im pretty sure that this is impossible to achieve using only comfy GUI however I am quite not experienced in working with this cms, can anyone give me a hint how I can do that?
It's right that Paperclip handles that.
However you can set the upload path changing the value of config.upload_file_options entry in the /config/initializers/comfortable_mexican_sofa.rb file

Magento Image upload missing?

I'm having some issues with a Magento install 1.7.0.2. We recently moved servers and now the image upload option on newsletters and CMS pages are not working. (Product images are working fine).
Media folder is set for 777 permissions as well as subfolders.
I am getting this when trying to add an image:
http://i.imgur.com/UllpyMI.png
The create folder button also does nothing, has anyone come across this before or know a solution?
Thanks!
Are you sure it is able to read the /media/wysiwyg directory?
Have you set the base URLs correctly under System / Web?
Have you copied over the js-directory?
Seems Javascript compression in Magento was the issue. Disabling compression made this work! Don't know why.

Multiple Corrupted Instagram Images from multiple users from API

We have encountered multiple corrupted Instagram Standard Images (612px).
This happens the last 3-4 days. And across multiple Instagram users.
Strangely this issue is only evident when the images are opened using Adobe Photoshop.
When viewed using Mac's finder or Preview this image corrupt problem is not visible.
It affects about 50% of our customers. And mostly about 10-20% of their choosen images. And some can affect around 50-100% of their images.
Example of corrupted images:
http://distilleryimage10.s3.amazonaws.com/5875aa2eb24411e3bfe2124c49cf34ce_8.jpg
http://distilleryimage0.s3.amazonaws.com/3b3452a8b24411e3b352126f9f588c64_8.jpg
Again, this issue is only evident when the photos are being prepared to print.
Or when it is opened using Adobe Photoshop/Acrobat/Illustrator/Indesign.
Please help.
Thanks
Jeff
I managed to solve my issue with the same description. What I first did was download the images to my webserver exactly to what is was online, so I didn't change anything of the file contents, just get en then put in the file.
How I solved my problem? I use PHP to generate the image now after I donwloaded it the same way. This is the simplified version of my script:
<?php
// Create an image instance
$im = imagecreatefromjpeg('instagram_image.jpeg');
// Disable interlacing
imageinterlace($im, false); // did not use this but will do the same
// Save the image
imagejpeg($im, 'instagram_image.jpeg');
imagedestroy($im);
?>
When I started using this simple create and save script it all worked again. It looks like it does nothing but it did a lot for me! Hope it helps someone saving a lot of time, took me 1,5 day to figure out the exact problem.

Resources