I'm working with a Laravel Blade file. I want to export the table to PDF, and it seems to work correctly. However, there is a problem while displaying the image. It only shows the image path, not the image after exporting.
exportOptions: {
stripHtml: false,
Added but not working
$(document).ready(function() {
var buttonCommon = {
extend : 'pdfHtml5',
exportOptions: {
stripHtml: false,
columns: 'th:not(:last-child)',
exportOptions: {
stripHtml: false,
//columns: 'th:not(:nth-child(2))',
format: {
body: function ( data, row, column, node ) {
// Strip $ from salary column to make it numeric
return column === 4 ?
data.replace( /[$,]/g, '' ) :
data;
}
}
}
}
};
//$.noConflict();
$('.datatable').DataTable({
processing: true,
serverSide: true,
//"oSearch": { "bSmart": false, "bRegex": true },
ajax: '{{ route('customers.getdata') }}',
columns: [
{data: 'id', name: 'id'},
{data: 'profilepic', name: 'profilepic',render: function( data, type, full, meta ) {
if(data==0) { return "<img src=\"/customers/default.png" + "\" height=\"50\"/>"; } else { return "<img src=\"/customers/" + data + "\" height=\"50\"/>"; }
}},
{data: 'name', name: 'name'},
{data: 'email', name: 'email'},
{data: 'phone', name: 'phone'},
{data: 'address', name: 'address'},
{data: 'created_by', name: 'created_by'},
{data: 'status', name: 'status',render: function( data, type, full, meta ) {
if(data==1) { return "Active"; } else { return "Inactive"; }
}},
{data: 'action', name: 'action', orderable: false, searchable: false}
],
dom: 'Bfrtip',
buttons: [
$.extend( true, {}, buttonCommon, {
extend: 'copyHtml5',
} ),
$.extend( true, {}, buttonCommon, {
extend: 'excelHtml5',
} ),
$.extend( true, {}, buttonCommon, {
extend: 'pdfHtml5',
} )
]
});
});
I need an image view rather than an image path.
