پیش نمایش تصویر برای fileupload!!!

[raha raad]

سلام و عرض ادب.
قصد دارم برای فایل آپلود امکان پیش نمایش تصویر رو فراهم کنم. تا حالا چندین روش رو امتحان کردم ولی نتیجه ای نگرفتم. ممکنه راهنمایی بفرمایید آیا اسکریپت خاصی لازمه؟؟؟؟ یا مشکل جای دیگه است؟؟؟؟

روشهایی که امتحان کردم:

روش اول:

147620

روش دوم:
147621

روش سوم:
147622

[a.golzar66]

تو روش اول داخل رویداد change تغییر زیر را بدید ببینید درست میشه

ReadImageUrl(this)
تبدیل بشه به

ReadImageUrl($(this))

[raha raad]

تو روش اول داخل رویداد change تغییر زیر را بدید ببینید درست میشه

ReadImageUrl(this)
تبدیل بشه به

ReadImageUrl($(this))

متاسفانه درست نشد. یعنی اون قسمت از کد که تگ img رو باید ایجاد کنه، کار نمیده!!!!!

[a.golzar66]

سلام دوباره



<input type="file" id="images" typeof="image/*" multiple=""/>
<div id="preview_section">
</div>

<script type="text/javascript"> $("#images").change(function () {
ReadImageUrl(this); })
function ReadImageUrl(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $("#preview_section").append("<img src='"+e.target.result+"' />"); } reader.readAsDataURL(input.files[0]); }
} </script>



من این کد رو تست کردم درست شده کار میده.لطفا تست کنید اگر درست شد خبر بدید

[raha raad]

سلام دوباره



<input type="file" id="images" typeof="image/*" multiple=""/>
<div id="preview_section">
</div>

<script type="text/javascript"> $("#images").change(function () {
ReadImageUrl(this); })
function ReadImageUrl(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $("#preview_section").append("<img src='"+e.target.result+"' />"); } reader.readAsDataURL(input.files[0]); }
} </script>



من این کد رو تست کردم درست شده کار میده.لطفا تست کنید اگر درست شد خبر بدید

سلام مجدد. دستتون درد نکنه حتما تستش می کنم ایشاا... که جواب بده. اما کدی که قرار دادید چه تفاوتی با روش اول داره؟؟؟ چه اسکریپتهایی رو وارد کردید میشه بگید؟؟؟

[a.golzar66]

خواهش میکنم
شما باید به جای نوشتن

$("#file").change
باید مینوشتید


$("#images").change