برای طرح سوال و دسترسی به آموزش ها سورس کدهای بیشتر به مجموعه xstack و یا به کانال ما در تلگرام کانال ما در تلگرام بپویندید.

پیش نمایش عکس در html توسط jquery

با سلام

شاید شما هم دوست داشته باشید بعد از انتخاب یک عکس توسط کاربر و قبل از اپلود یک پیش نمایش از عکس انتخاب شده به کاربر نشون بدید

راحترین راه استفاده از کدهای جی کوئری هست

 

 

 

function showpic(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            jQuery('#select_img')
            .attr('src', e.target.result)
            .width(150)
            .height(150);
        };
        reader.readAsDataURL(input.files[0]);
    }
}

 

مثال:

https://jsfiddle.net/pvp1snya/

 

King of delphi and father of persian open source
نوشته ایجاد شد 18

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نوشته های مرتبط

متنی که میخواهید برای جستجو وارد کرده و دکمه جستجو را فشار دهید. برای لغو دکمه ESC را فشار دهید.

بازگشت به بالا