Add/change image in javascript

[PeriyasamyRamachandran]

Dear developers, I have to implement the image upload functionality in javascript. I got more examples, but i expect to upload the image or photo "without showing the input field". Example, i have the button "Add/Change image". I don't want to show the input field to bind the file. can you guys give any idea or suggestion?.. Thanks, Periyasamy.

[Abhishek Sur]

What do you mean ? You can show image in img tag. To upload, you need to browse using file control and upload the files to the server. .Just show the image by calling img.src = url and you are done. When you change the url of img.src it will automatically call the server and update the image in the browser. Upload file needs postback. :) [Note : I left out flash or any browser based plugins]

Abhishek Sur **Don't forget to click "Good Answer" if you like this Solution.

---

My Latest Articles-->** Simplify Code Using NDepend
Basics of Bing Search API using .NET
Microsoft Bing MAP using Javascript

[Eduard Keilholz]

May be handy to tell that when you have your html image tag ![My picture](/images/image.jpg) you'll be able to use the image object in Javascipt using the getElementById() function :

var myImage = document.getElemtnById('myPicture');
// And then set the source of the image (which will change the image)
if (myImage)
myImage.src = "/images/image2.jpg";

.: I love it when a plan comes together :. http://www.zonderpunt.nl

[Abhishek Sur]

Perfect... :thumbsup:

Abhishek Sur **Don't forget to click "Good Answer" if you like this Solution.

---

My Latest Articles-->** Simplify Code Using NDepend
Basics of Bing Search API using .NET
Microsoft Bing MAP using Javascript