Write an Image in Iframe(Currently IE only)

This is something different I came across, some months back.
We can actually write an Image file in Iframe,this file is visible, but user can't save the file.
This is very simple trick which we can actually use to avoid image copying.
e.g. Though communities like orkut prohibited right click on an image, we can simple drag the image in address bar and can save it. This is something which we can't avoid in normal scenario, but there is one way to deal with this, using ASP.NET and it's handler concept.
I have already talked about ashx file in one of my previous article on image handling

Lets go step by step

Step 1
Create one file names Image.ashx
copy paste following code

<br />using System;<br />using System.Web;<br />using System.IO;<br />using System.Xml;<br />public class Image : IHttpHandler {<br /> <br /> byte[] imageFileBytes = null;<br /> string img = string.Empty;<br /> public void ProcessRequest (HttpContext context) <br /> {<br /> context.Response.ContentType = "Application/octet-stream";<br /> if (context.Request["id"] != null)<br /> {<br /> img = "Images/" + context.Request["id"] + ".jpg";<br /> }<br /> else<br /> {<br /> img = "Images/1.jpg";<br /> }<br /> string physicalPath = context.Server.MapPath(img);<br /> if(File.Exists(physicalPath))<br /> {<br /> imageFileBytes = File.ReadAllBytes(physicalPath);<br /> context.Response.BinaryWrite(imageFileBytes);<br /> //Write image in binary format over Http.<br /> }<br /><br /> }<br /> <br /> public bool IsReusable {<br /> get {<br /> return false;<br /> }<br /> }<br /><br />}<br />

save file, check the assignment of string names "img" in above code.

step 2

In aspx file generally add an Iframe as below

<br /><iframe id="'ifimageshow'" src="Image.ashx" style="width: 440px; height: 360px" contenteditable="true" frameborder="no"></iframe><br />

step 3
Add followin javascript function

<br /><script language="javascript"><br />function zoomImage(src)<br />{<br />window.document.getElementById('ifimageShow').src = src;<br />}<br /></script><br />

step 4
On body 'onload' event call above function as

onload="javascript:zoomImage('Image.ashx?id=1')"<br />

Run your code, make sure that you assign correct Image in Image.ashx file.
Now if you run your code you can get an image in iframe which can't be saved

Tags: Image Hadling, Asp.Net, No Image Copy