Change Image to File Input Value

I simply want to change the current image to the value in the file input box.

Here's what I have

Code:

---

<form name='form1' method='post' enctype='multipart/form-data'>





<input type='file' name='image' onChange='document.image1.src="document.form1.image.value">

</form>

---

When I select an Image, the image changes but is not found.
I believe it's because of the backslashes in the path from the file field.

I hardcoded a path to an image with forward slashes rather than backslashes
an it worked fine. But the file field returns backslashes.

Any ideas?

Thanks
lee20

Quote:

---

Originally posted by lee20
I simply want to change the current image to the value in the file input box.

Here's what I have

Code:

---

<form name='form1' method='post' enctype='multipart/form-data'>





<input type='file' name='image' onChange='document.image1.src="document.form1.image.value">

</form>

---

When I select an Image, the image changes but is not found.
I believe it's because of the backslashes in the path from the file field.

I hardcoded a path to an image with forward slashes rather than backslashes
an it worked fine. But the file field returns backslashes.

Any ideas?

Thanks
lee20

---

im not sure about java script, but you might try this code snippet:

Code:

---

function replaceChar(base, rid, add) {
  for (var p = base.indexOf(rid); p > -1; p = base.indexOf(rid))
    base = base.substring(0, p) + add + base.substring(p + rid.length);
  return base;
}

---

and do a replaceChar(filepath, '\', '/') to change the \ to / in the path....

Ok so i'm not the brightest crayon in the java crayon box.

I changed my on change to this:

document.pgraphic.src=this.value

And it works fine! Now I do have another question though, I have a reset button for the image. And i suppose on click I want to reset it back to the original value. Is that possible?

Thanks
lee20

youll have to store somewhere the origianl value. again, im no javascript whizz but:

function reset(){
document.pgraphic.src=<ORIGINAL VALUE>
document.theTextField.value = <ORIGINAL VALUE>
}

and elsewhere <button onclick=reset()>Reset</button>

but im NOT sure... just have a play with it :)