I want to change the generic greyed out background for word/pdf files in dropzone file preview. This is the default view:
Which is the best way to do it?
This is the way I did it finally:
myAwesomeDropzone.on('addedfile', function(file) {
var ext = file.name.split('.').pop();
if (ext == pdf) {
$(file.previewElement).find(.dz-image img).attr(src, /Content/Images/pdf.png);
} else if (ext.indexOf(doc) != -1) {
$(file.previewElement).find(.dz-image img).attr(src, /Content/Images/word.png);
} else if (ext.indexOf(xls) != -1) {
$(file.previewElement).find(.dz-image img).attr(src, /Content/Images/excel.png);
}
});
The images must be 120x120 pixels to fit the default preview template.
This is the result:
