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

lord_viper

php,wordpress,python,jquery و دیگر هیچ