Javascript ต้องการวนลูป function() ต้องทำยังไงหรอครับ

กระทู้คำถาม
รบกวนหน่อยครับพอดีต้องการลดบรรทัดของโค้ดโดยใช้การวน loop แต่มันไม่สามารถใช้งานได้ครับ รบกวนขอแนวทางหน่อยครับ

======================================
for(var i = 0;i<= 5;i++){
function showPreview+i(ele)
     {
     $('#imgAvatar'+i).attr('src', ele.value);
     if (ele.files && ele.files[0])
     {var reader = new FileReader();reader.onload = function (e) 
     {$('#imgAvatar'+i).attr('src', e.target.result);}
     reader.readAsDataURL(ele.files[0]);}
     }
}
======================================
function showPreview1(ele)
{
$('#imgAvatar1').attr('src', ele.value);
if (ele.files && ele.files[0])
{var reader = new FileReader();reader.onload = function (e)
{$('#imgAvatar1').attr('src', e.target.result);}
reader.readAsDataURL(ele.files[0]);}
}

function showPreview2(ele)
{
$('#imgAvatar2').attr('src', ele.value);
if (ele.files && ele.files[0])
{var reader = new FileReader();reader.onload = function (e)
{$('#imgAvatar2').attr('src', e.target.result);}
reader.readAsDataURL(ele.files[0]);}
}

function showPreview3(ele)
{
$('#imgAvatar3').attr('src', ele.value);
if (ele.files && ele.files[0])
{var reader = new FileReader();reader.onload = function (e)
{$('#imgAvatar3').attr('src', e.target.result);}
reader.readAsDataURL(ele.files[0]);}
}
แสดงความคิดเห็น
โปรดศึกษาและยอมรับนโยบายข้อมูลส่วนบุคคลก่อนเริ่มใช้งาน อ่านเพิ่มเติมได้ที่นี่