Question

136

Use javascript to set image URL of image control in asp.net

rated 0 times [ 139] [ 3] / answers: 1 / hits: 30084 / 12 Years ago, fri, august 10, 2012, 12:00:00

I have a Image, FileUpload and a Button controls. I want to save the image to the server from the local path obtained from FileUpload control. I implemented this functionality on Button Click in C#..

Now i want to set the image URL of Image control OnClientClick of the same button on which server side code is implemented.

Image URL will defer everytime depending on file selected in FileUpload control. Can anyone help me to understand how javascript can be used to set image URL based on thre file selected in File Upload Control?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jessie

Add To Favorites

Follow

Total Points: 713

Total Questions: 87

Total Answers: 109

Location: Australia

Member since Sat, May 27, 2023

1 Year ago

answered 12 Years ago dequant · Accepted Answer

First of all, understand that JavaScript doesn't understand, care, or even know about C# and its fancy controls. It just deals with HTML. Period. That said, you can use JavaScript's setAttribute function to set the image URL of an img tag (not control). Like this:

document.getElementById('my-image').setAttribute('src', 'http://ecx.images-amazon.com/images/I/41%2BjAZ4dUGL._SS500_.jpg');

Demo here:
http://jsfiddle.net/je9Gx/