javascript에서 다른 이미지 형식 표시

Question

javascript를 처음 사용했습니다. 질문이 틀린 경우 폴더에 다른 이미지 형식이 있습니다.

모든 이미지를 표시하는 방법은 무엇입니까? .jpg를 읽는 코드는 아래와 같습니다. 나는 사전에 버튼을
감사를 클릭하면

$ps_albums.children('div').bind('click',function(){ 
    var $elem = $(this); 
    var index=parseInt($elem.index()); 
    var folder_no=elems-index; 
    var album_name = 'albums/album' + folder_no; 
    var j=0; 
    var dir=album_name; 
    var d1=album_name+"/"; 
    var fileextension=".JPG"; 
    var f1=".jpg"; 
    var f2=".png"; 
    //var f3=".PNG"; 

    $loading = $('<div />',{className:'loading'}); 
    $elem.append($loading); 
    $ps_container.find('img').remove(); 


    for(var i = 0; i < 3; i++){ 
     var d=d1+(i+1)+f1; 
     data1[i]=d; 
    } 
    //alert(data1); 
    var items_count = data1.length; 

    for(var i = 0; i < items_count; ++i){ 
     var item_source = data1[i]; 
     var cnt   = 0; 
     var img=new Image(); 
     var title=$('span')[index].innerHTML; 
     $('<img />').load(function(){ 
      var $image = $(this); 

      ++cnt; 
      resizeCenterImage($image); 
      $ps_container.append($image); 

      var r  = Math.floor(Math.random()*41)-20; 
      if(cnt < items_count){ 
       $image.css({ 
        '-moz-transform' :'rotate('+r+'deg)', 
        '-webkit-transform' :'rotate('+r+'deg)', 
        'transform'   :'rotate('+r+'deg)' 
       }); 
      } 
      if(cnt == items_count){ 
       $loading.remove(); 
       $ps_container.show(); 
       $ps_close.show(); 
       $ps_play.show(); 
       //$ps_pause.show(); 
       $ps_overlay.show(); 
      } 

     }).attr('src',item_source,'title',title); 

    } 
}); 

이 기능은 이미지를 표시하는 데 사용됩니다 .. .PNG 등 .JPG, 같은 다른 이미지 포맷을 포함해야합니다.

Answer 1

이것은 내가 currect 이미지 포맷을 얻을 필요가

//before adding 

if(validateImage(currentImage)){ 

//Add to Data1 

}else{ 
//alert("Only .jpg, .jpeg,.png, .gif files are allowed!"); 
console.log("Only .jpg, .jpeg,.png, .gif files are allowed!"); 

} 

    function validateImage(currentImage) { 

       //Regular Expression for fileupload control. 
       var reg = /^(([a-zA-Z]:)|(\\{2}\w+)\$?)(\\(\w[\w].*))+(.jpg|.jpeg|.png|.gif)$/; 
       if (currentImage.length > 0) { 
        //Checks with the control value. 
        if (reg.test(currentImage)) { 
         return true; 
        } 
        else { 
         //If the condition not satisfied shows error message. 
         //alert("Only .jpg, .jpeg,.png, .gif files are allowed!"); 
         return false; 
        } 
       } 
      } //End of function validate.