Hi, I was wondering if anyone knew how I can prevent people from saving an HTML file with an image on it (jpeg) from within a browser? I'm mainly concerned about people saving the image, since it is really the only thing on the page. I have used a simple Javascript to prevent right clicking-"save picture as" but you can still download the image using File-Save As in a browser. Any advice? I know very little HTML as you can probably tell. TIA

I think the only way you can do it is via a java applet. The images are stored elsewhere not viewable/downloadable by the public except within the java applet.

Or you can:

1.) Put a watermark on the picture.

2.) If it's big, crop the picture into multiple pieces, placing them all accordingly within a table or layer or something.

Neither prevents it, but makes it a pain in the ass for the thief.

Applets and Flash give you the best control of this. Once the image of viewable, the end user already has it cached in an accessible format.

Well, if you make it a watermark, I could look at the code and see the name of the image the watermark refers to, then I could search your images bin for the picture and obtain it easily. The only and best option is flash. It will put it into a web program (requiring users to have a plug-in) And the won't be able to save the image.

Damn, I never even thought about it being cached in the temp internet files....oh well looks like I'll be takin a crash course in Flash lol....Thx ppl

I'm surprised nobody has mentioned this, but there's no way to stop a determined, semi-intelligent user from getting your picture. All the ideas have some merit, but they all have drawbacks as well. Flash and Java have something of a learning curve, and the watermark picture requires you to put something on top of your picture, making it look less professional. Flash and Java Applets will stop the user from saving it directly, but they can always just use screen capture.

To directly answer your question, you could have the page open in a new window (javascript window.open), and specify that no buttons or menus be available in this window. In conjunction with the right-click thing and checking the document referrer before displaying the image, this would be a reasonable deterrent, but nothing can beat the screen capture, and it still wouldn't take long to get past it by looking at the code, disabling javascript, and so on.

Search this forum...this question has been asked many times and the same answers are given.

-SN

SN is absolutly right, none of these ideas are 100%. And you will never find one that is. His idea is just that, another idea, another way to TRY and prevent it. But even in his example a simple Print Screen key would fix that. The watermark idea references the image in the code, very easy to find, also if you went this way, I could just manually type in the address to your images directory and take them from there. So, basically, SN is right. Nothing is fool proof. I think the best and easiest way is Flash though. Unless you want to go with SN's idea. If you DO use SN's then research and see if you can disable specific keyboard functions. (mainly the print screen) I imagine there is a few scripts out there that do this. However, as already stated, you can simply disable java script long enough to do the dirty work then re enable it when you are done taking the image. Hmmmmm. Very good question. I guess I didn't realize how big of a challenge this was. Maybe you could even take the actual picture, use a hyper map program to disect the picture into 100 pieces, then have each piece load to display the whole picture, this isnt a bad idea as it supposidly cuts down on load time. This of course would still leave images vulnerable, but could you imagine the hassle to get one image you would have to save 100 pictures then sort and order them accordingly. Honestly, is their a picture in the world that is worth half the effort of these ideas? I mean, what are you images of, real live aliens or something? Point is, yeah its possible, but who would ever waste that much time for some silly picture?

There is no way to disable the printscreen in html or javascript. Cutting up the image in a hundred pieces is still vulnerable to print screen. I think ian's idea of a watermark is different than what I had in mind...I meant putting on the watermark as a permanent part of the original image, in photoshop or something. No amount of looking through the HTML will get around that.

Now that I think about it, I suppose it might be possible to map the printscreen key to something else using a Java applet, but even so you could still use a screen capture utility.

-SN

<script language="JavaScript1.2">

var clickmessage="Right click disabled on images!"

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
alert(clickmessage)
return false
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.getElementById)
document.onmouseup=disableclick
else if (document.layers)
associateimages()
</script>

this will only prevent right clicks... anyone with html knowledge can get around it but oh well...

even better put them in flash.

Hi, below is the html and javascript that disable image from download by right click, IE6 image tool bar and print screen button. But other ppl still can download the image by File Save As menu. Any one know how to disable this function. Please email to me.

<HTML>
<HEAD>
<TITLE>Photo</TITLE>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no" >
</HEAD>

<script language="JavaScript">
var message="Copyright ?You do not have permission to copy these images please e-mail me and ask for the picture you want "; // Message for the alert box

function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
} if (document.layers) {

if (e.which == 3) {
alert(message);
return false;
}
}

} if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
} document.onmousedown=click;

function p1(){
for(pp=0;pp<document.all.length;pp++){
if(document.all[pp].style.visibility!='hidden'){
document.all[pp].style.visibility='hidden';
document.all[pp].id='ph'}}}

function p2(){
for (pp=0;pp<document.all.length;pp++){
if(document.all[pp].id=='ph')
document.all[pp].style.visibility=''}}
window.onbeforeprint=p1;
window.onafterprint=p2;

var hour = "0"
var min = "00"
var sec = "0"

function timer(){

if ((min < 10) && (min != "00")){
dismin = "0" + min
}
else{
dismin = min
}

dissec = (sec < 10) ? sec = "0" + sec : sec
document.timer.counter.value = hour + ":" + dismin + ":" + dissec

if (sec < 59){
sec++
ClipBoard();
}
else{
sec = "0"
min++
if (min > 59){
min = "00"
hour++
}
}

window.setTimeout("timer()",1000)
}

function ClipBoard()
{
holdtext.innerText = copytext.innerText;
Copied = holdtext.createTextRange();
Copied.execCommand("Copy");
}

</script>

<SPAN ID="copytext" STYLE="height:150;width:162;background-color:pink">
This text will be copied onto the clipboard when you click the button below. Try it!
</SPAN>
<TEXTAREA ID="holdtext" STYLE="display:none;">
</TEXTAREA>
<BUTTON onClick="ClipBoard();">Copy to Clipboard</BUTTON>

<BODY onLoad="timer()" BGCOLOR="#CCCCFF" TEXT="#000000" LINK="#003399" VLINK="#0066CC" ALINK="#003399" >
<form name="timer">
<input type=text value="" name="counter" size=8>
<p align="center"> </p>
<p align="center"></p>
<p align="center">
Picture 1 </p>

 </p>
</BODY>

</HTML>

Chin