I am trying to make a social network as a learning project and I am stuck at profile picture uploading. I would like to make users upload picture, crop it to specific size (605x600px), then save it to a local server folder and preview it on the profile page.
Can someone help me build such cropping tool or guide me where I can get something like that? Thanks.
Related
I am writing a web app that allows iphone users to upload images. Based on some research it looks like iphones will strip EXIF data before uploading images. Is there some way I can extract flash status before iphone uploads the image?
relevant post:
https://www.flickr.com/help/forum/en-us/72157700799502582/
Thanks in advance.
If have done some research but haven't been able to find a good solution to this problem:
I'm building a Shopify app that lets the merchant create a small design to show on the product page, the design includes an image/icon.
I want the user to be able to choose from a list of icons or upload her/his own in the form when creating/editing a design.
How is this best achieved?
I can find out how to make the upload part with active storage. But to have some existing icons for the user to pick out, is where i struggle?
The plan was to use AWS Cloudfront to store these icons, but i still struggle with the functionality of displaying and choosing icons in the form.
Any clues to how i can do this is very appreciated! :_)
you need to pre-populate your table via script (rake task) which uploads these images to your storage like s3 etc. what you can do is write the file names with relative path ( to make your job easy) in a file and read that file to access these images from your rake task and call the same apis to upload one image at a time. Once you have the reference store as a record in the table/model (ex: design) you should iterate over each record on the view to display the preview of each image. From there it’s only a matter of capturing user clicks(to know which image they have selected) or use some js libraries which can do the job. Hope this will give you some direction. Let me know if you need to discuss further.
I have a website that uses twitter bootstrap and I would like to add a place for "shared files" (word docs, videos, etc) that each user who uses the application can upload their own files to and it can be shared among users of the entire website. Everyone can view each file. The first thing that came to mind is a youtube account, where you can upload a video and then see all of your uploaded videos and everyone else can view it. I need this, but for all types of files and any user of the application can edit it.
By myself, I'm not sure how to achieve this, so I was searching for a plugin. Obviously I'm not sure if something like this has a particular name so all of my google searches have so far come up empty. Does anyone have any suggestions? Does the functionality I want have a name?
Thanks!
Dropbox.com comes to mind.
They have an API chooser where users can upload through the web site:
https://www.dropbox.com/developers/dropins/chooser/js
How to share files and folders
https://www.dropbox.com/help/274/en
Look through their Sharing Q&A
https://www.dropbox.com/help/category/Sharing
There is a Meteor.js app, which is suppose to stay fully functional in offline mode. This app enables users to upload their images and use those images to create content within the app.
Question - how to approach image upload in the Meteor.js app, so that the app stays fully functional in offline mode?
My thoughts so far:
--There is Meteor Offline Data project, but it is still very much work in progress, and it only works for text content: https://github.com/awwx/meteor-offline-data
--In offline, when adding the image in the app, I could detect offline mode and utilize HTML5 File API for using the image locally
--When online is detected, the image is uploaded to the server behind the scenes
--In online content with images is downloaded to the app and saved for offline usage using App Cache
There are still many things unclear, so any hints are appreciated at this point.
You may want to try collectionFS, https://atmosphere.meteor.com/package/collectionFS, as it make a client side collection that the file is added to. The clientside collection should sink when the internet reconnects.
Using the SkyDrive API I have managed to access a specific SkyDrive account and images in a specific SkyDrive folder.
I am able to pull the requested images to a web gallery and to display them.
My problem is that the SkyDrive login is done manually by typing in the username and password.
I would like to make that login request automatic from the web app/image gallery on the server side.
Is this possible and how?
Soon I will be updating this thread with a working example and some code.
Found a Jomla extension that does what I need. http://extensions.joomla.org/extensions/photos-a-images/galleries/content-photo-gallery/23932
Now how to do this with PHP,WordPress and JavaScript?