How do I display ziped images in a web page?

Question

0.00/5 (No votes)

See more:

I am doing a small project and I want to display images from a zipped folder automatically without actually linking each images. In this case,I would also change other zip folder.The system should be able to access images from that new folder. So how do I do this?

Posted 19-Jan-15 6:21am

Member 11107036

Add a Solution

Comments

ZurdoDev 19-Jan-15 14:39pm

Where are you stuck?

Sergey Alexandrovich Kryukov 19-Jan-15 15:03pm

Why zipping them?
What is your server-size technology?
—SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2015-01-19T09:07:00

First of all, zipping of images makes little sense. Lossy image compression algorithms, such as JPEG, are much more efficient on images than ZIP.

Unzip it before showing. The way to do it one the fly depends on the server-side technology you use. One common part is: your script representing the resource should write an HTTP header with correct content-type. For example:

HTML

Content-Type: image/jpeg

Please see:
http://en.wikipedia.org/wiki/List_of_HTTP_header_fields[^],
http://en.wikipedia.org/wiki/Internet_media_type[^].

Basically, you get request for the image (say, quite simply, image name could be a URL parameter you can extract from URL). Your code takes the ZIP file, extracts the file content into the stream (no need to create a file on disk), then writes the HTTP header "Content-Type" followed by the content of this stream.

If you don't use any server-side, unzip the files and store then unzipped on your server.

—SA