2014-11-12 3 views
0

작동하지 않는 이미지를 표시 mRender를 사용하여이 : http://legacy.datatables.net/ref#mRenderDatatables :이 페이지를 참조

나는 데이터베이스 참조에서 이미지를 표시하려고 시도하고있다.

첫 번째 열에 이미지를 표시해야합니다.

가 여기에 지금까지 가지고있는 작업은 다음과 같습니다

$(document).ready(function() { 
     var _dataTable = $('.datatable').dataTable({ 
      "aoColumns": [ 
       { 
        "mData": "logo", 
        "mRender": "[, ].name" 
        } 

      ] 
     }); 
    }); 


    $(document).ready(function() { 
     var _dataTable = $('.datatable').dataTable({ 
      "aoColumnDefs": [{ 
       "aTargets": [0], 
       "mData": "logo", 
       "aoColumns": [{ 
        "mRender": function (data, type, full) { 
         return '<img src="' + data + '"></>' 
        } 
       }] 
      }] 
     }); 
    }); 

이이 시간에 내 머리에 조금 도움이 감사합니다, 감사합니다!

당신은 단지 데이터에 액세스 할 full[]를 사용 가까이해야 할 것

답변

0

:

"mRender": function (data, type, full) { 
     return '<img src="' + full[0] + '"></>'; 
    } 

어떤 점에 유의 :

난 당신이 이미지 이름 &를 나타내는 문자열을 반환하고 있다고 가정했습니다 filepath가 있고 서버의 이미지 폴더가 어딘가에 있습니다. 바이너리 데이터로 이미지를 데이터베이스에 저장하는 경우에는 작동하지 않습니다.

이미지 경로가 데이터의 첫 번째 열이라고 가정하면 full[0]을 사용했습니다. 첫 번째 열이 아니라면 인덱스 값을 변경해야합니다.

반환 된 이미지 문자열은 실제 이미지 위치의 전체 경로 여야합니다. 그렇지 않으면 경로가 표시되도록 앞에 추가해야합니다.

또한 return 문 끝에 세미콜론이 누락되었습니다.