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

پیش نمایش عکس در 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/

 


انتشار

در

توسط

برچسب‌ها:

نظرات

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

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