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.
Related
I tried pdf, txt and png file url, only pdf url can't be open with browser if click the url, but trigger download.
I google this but only got how to fix, like instead with google doc or use pdf.js, or other html code.
What is the reason? the website ? Forgive me that i have no idea of website architecture.
When you get a file from a website, it has a content type sent along with it. Depending on the content type, the browser may choose to display it. For example, content type "application/pdf" might be shown in a browser, but "application/octet-stream" will be downloaded.
The raw URL on GitHub has content type "application/octet-stream" (a binary file) so that it will be downloaded.
The only way around this, since you can't change GitHub's code that sets the content type, is to get the data from JavaScript and parse it there -- by using pdf.js or something similar.
I have files stored on google cloud storage. Google provides me a URL to access this files, but when I access this URL the file is auto downloaded. I wish to know if it is possible to remove or don't allow this auto download when we access the file URL. ;)
The download feature is handled by the client.
Calling the URL for an object stored in a bucket will return the object in the body of the HTTP request, and the client will choose what to do with this data.
If you use a web browser, the choice of downloading or not a file is usually given by the header Content-Type. In general, there are some MIME types that will be displayed on the browser itself (according to Chrome help, videos, images, PDFs and web pages will be displayed directly on the browser), while others will download directly.
To modify the MIME type of the files stored in a bucket, you must change it's metadata, so the browser will behave in the way you want.
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'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.
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