When the file picker is opened either using .pick or .pickAndStore, and an image is selected, a thumbnail of the original image is shown on the side.
I want to reuse that thumbnail, preferably from the already locally stored version. How can I access it e.g., with the filepicker API or other javascript library?
The thumbnail you see during uploading is generated by FilePicker javascript as a data URI (eg, src="data:image/jpeg;base64,...") it never really exists.
Once the file is uploaded you can use the image conversion rest API:
https://developers.inkfilepicker.com/docs/web/#inkblob-images
Related
After uploading an image, I get back metadata that has a mediaDownloadLink that will download the file when accessed. Is there a way to get a link that will display the image in the browser without downloading it?
In general, any object you set to be publicly accessible (which presumably you wanted to do to use it to host images on a website), you can then access with https://storage.googleapis.com/<bucket>/<object>. You can see this link also if you go to the cloud console and make an object publicly viewable and look for the Public link you can click.
If you have problems with the link downloading instead of displaying by itself in a browser, you may need to make sure the content-type header is set correctly; for example if using ByteArrayContent to upload data using the Java API, you'll want to set a string like "image/jpeg" in its constructor for "type".
I have image that is being generated in runtime on my website and I display it in html using
img src="data:image/jpeg;base64,<!-- base64 data -->"
Now, I want for Facebook to fetch this image, but if I do the same for og:image meta tag, facebook debugger gives me an error. Any solution?
meta property='og:image' content='data:image/jpeg;base64,<!-- base64 data -->'
Of course, I would like to avoid permanent saving of files since they are always different and it would get too crowded very quickly.
Reference URL: http://www.seemasandesh.com/epaper.aspx?blogid=9
Not possible. It have to be a public url so Facebook can download it when they need it. They will just cache it so there need to be a url to the original image
I'm planning on building an online image editor. I want to use aviary library for it. https://developers.aviary.com
Can someone explain me how I implement it? More specifically, do I need to send an image to their server in order to modify it? or I just do all the modifications on client side and then save that image to the server?
The editor works by loading the image client-side via a public url, allowing the user to edit the photo in the browser. When the user saves, the image is POSTed to Aviary's server, where it's uploaded to a temporary storage location. You then get a url to that temporary image passed to you in the onSave callback, which you can use to save the image back to your own server.
See a full client-side integration here: https://developers.aviary.com/docs/web/example
I'm using the sample code provided in the REST API docs for uploading an image (my own) and then assigning it to an object in an image table. Image uploads fine, code for associating the image runs fine, and a record is created in the DB.
However, if I try to access the image from the data browser, I get ACCESS DENIED. Why is this so? The image is retrievable via the URL provided after a successful upload, but doesn't appear anywhere in the Parse web UI (should it be ihe Files section of Cloud Code?).
Any input would be helpful. I am working on a few wrinkles to get it working.
The answer to this question is to use the long filename provided in the image upload confirm, and not the short filename example shown in the docs.
I am able to add a filepicker.io onto my website but I wish for there to be some sort of result display when the files are uploaded. Currently I only get a pop up with a statement of the location within filepicker API folder.
Is there a way to list on the website that contains the filepicker the results of the upload? Like what was uploaded and its size?
You can get information about the uploaded file, such as filename, mimetype, and size, by examining the FPFile object. You can also retrieve the same information and more by using the filepicker.stat() call.