Get Picture

tqmd1 · December 2, 2013, 7:41pm

Dear Sir,

I have following codes

[code]

My Contacts

	<style type="text/css">

	body{
		margin-top:200px;
		font-family:Georgia, "Times New Roman", Times, serif;
		}

	</style>
	</head>

	<body>
	<center>
	<img src="Photo96.png"><br/>
	<a href="">Get Photo</a>
	</center>
	</body>
	</html>

[/code]

It shows this image

I want to show new picture where current picture is shown, With pressing Get Photo link.

There should be image selector dialog box to select image file then show in picture box.

No matter what method is atopt, Javascript, Jquery, Ajax, Php and whatever.

Please help

Strider64 · December 3, 2013, 1:16pm

I don’t know if this is what you are looking for, but I took my best guess:

[code]

Change Photo Red-shoulder Hawk
Get Photo

[/code]

All done in jQuery

tqmd1 · December 3, 2013, 5:40pm

Thanks for reply but it showing this error message

event.returnValue is deprecated. Please use the standard event.preventDefault() instead.

Strider64 · December 5, 2013, 4:08am

It does work, for it it just a warning in Google’s Chrome console. Doing a Google search I found this "This warning is following lastest chrome update, don’t worry " Here’s a Ticket on the bug: http://bugs.jquery.com/ticket/14320 I’m not alone.

tqmd1 · December 5, 2013, 8:46pm

Sir, Now I have following codes

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>My Contacts</title> <style type="text/css"> body{ margin-top:200px; font-family:Georgia, "Times New Roman", Times, serif; } </style> </head> <body> <center> <div id="picdisplay"> <iframe id="display" name="display" width="50" height="50" seamless src="http://www.w3schools.com/images/compatible_chrome.gif""></iframe> <input type="file" id="upload" name="upload" style=" width: 1px; height: 1px" multiple > <a href="" target="display" onclick="document.getElementById('upload').click(); return false">Upload</a> </div> </center> </body> </html>

When I select a new picture then it does not appear on current picture.
Old picture must be replaced with new picture.

Thanks