PDA

View Full Version : آپلود عکس به همراه پیش نمایش



foad.fartash
سه شنبه 15 مهر 1393, 13:01 عصر
سلام کسی می تونه راجب این کد کمک کنه اگر بخوام یه عکس دیگه اضافه کنم که همینطوری نشون بده چی کار باید بکنم ؟!

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Preview Image before upload</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
function showimagepreview(input) {
if (input.files && input.files[0]) {
var filerdr = new FileReader();
filerdr.onload = function(e) {
$('#imgprvw').attr('src', e.target.result);
}
filerdr.readAsDataURL(input.files[0]);
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="file" name="filUpload" id="filUpload" onChange="showimagepreview(this)" />
</div>
<img id="imgprvw" alt="uploaded image preview" width="100px" height="100px" />
</form>
</body>
</html>

شاهرخ عشایری
شنبه 19 مهر 1393, 00:20 صبح
با سلام. اگر ممکنه کد رو بصورت مرتب قرار بدید تا خواناتر باشه