Download multiple images to folder using javascript/jquery - javascript

I created a webpage that fetches image urls using an external api and then displays them on the page. Now i want the end user to be able to download these images all at once. Since these images do not exist on my sites server, i am looking for a way to do this via javascript/jquery.
I was able to do this in chrome using this and would like a way to prompt firefox and other browsers to do the same.
Thanks!

Related

Uploading an HTML page to Sharepoint Library using Chrome Extension

I receive maintenance reports for certain devices by being emailed a link. I click the link and get an html page in my browser. This appears to be a REST request to me.
What I want to do is create a Chrome browser action that when clicked will upload that html file to a Sharepoint Document library. I'm not sure where to get started with this. I was attempting to create an XMLHttprequest to get the file and then I was going to look at using the sharepoint rest API to upload it, but I am getting no where. I am hoping to get some recommendations on which way to go.

I want to display PDF inside div, object or iframe BUT restrict user from downloading it

I have multiple pdfs. I want to display them on my page but I don't want the user to download them. I tried using google docs but the user can open the PDFs externally and was able to download them. Any ideas?
If the browser can display the PDF file, the user can download it... or grab it from the cache... or find the direct URL from the HTML source... etc.
If your concern is the PDF getting out of your control and unauthorized users getting access to it, you're better off using a PDF DRM solution. There are various solutions at different price points.

ways to open large-sized pdf without downloading (using open on javascript)

Good day,
I have a system that renders large amount of data through pdf ( 30mb + ). Now I want the user to view pdf first so he can either download it or just print it right away. as of the moment I am forcing the user to download the file since open( 'datauri here' ) wont work with larger files.. the problem with downloading is that files are multiplying and consumes space over time and also its not necessary for me to download all files that that they want to print right away.
I need a functionality that is similar to chrome's preview when using windows.print
can you please suggest any ideas or other things to do this?
I am currently using javascript library to create pdf (pdfmake). I am also using chrome as my main browser
You would have to make sure that the PDF is optimized for fast web view, and that your server is using the byteserving protocol for serving the file.
If that is the case, a useful PDF viewer (such as the web browser component provided by Acrobat/Reader) understands this protocol and requests (after the first page plus overhead of the PDF) only the data for the pages which are to be displayed.
A quick search did, however, not reveal whether the Chrome PDF viewing component is smart enough to understand the byteserving protocol.

How can I code my web page to download a file from a site visitor's computer?

I am creating a html5 and javascript web page that allows you to draw your own picture. The page itself works, but I want to make it so my web application will create a folder in their Appdata (or Application Data if they're on a mac) directory.
Then I also want to make it so when a user logs back on to the website, all of their work is saved and they can pick up where they left off.
So basically, I want to be able to create a file on a client's directory, then be able to download that file once they have saved a change to their drawing. Is there a way I can do this? Thanks.
All of these things can be done by using the HTML5 file APIs.
Here are some links which will help you with your task:
http://www.html5rocks.com/en/tutorials/file/dndfiles/
http://www.html5rocks.com/en/features/file_access
Storing state can be accomplished by using one of the following technologies:
Cookies
localStorage
indexeddb
WebSQL

How to save indirectly loaded images from webpages

I know that most of the media in web pages are temporarily stored to a temp folder or browser cache. Some are directly embedded in web pages so that we can see the source and can save them. But how to save images loaded using any other method?
You can see what I am talking about here. Is there any solution to save images from this site's gallery?
Yes there is a way to save the images by using the followings
1) Mozilla Firefox
2) Firebug
open the net console in it and select the tab named images
in that u can see all the images and save the images
for your reference, I attached a image.
then copy the location by right click and paste the location
and get the image.
~~~~~~ Happy Coding ~~~~~~~~~~~
Generally, js can't hold the image itself. but the Attribute src, a string instead. And js cannot handle the file on client, you can't modify, move, or copy files. So if you want to keep the images, you can send a http header like if-Modified-Since on server side with php or java, then the browser will not load the image again.
May this will help you. Good Luck!
You could try to use a offline browser.
They save whole webpages and deeping on software they catch more or less.
Offline Browsers

Categories