Básicamente, tengo diferentes archivos almacenados en un servidor y quiero mostrar/ver los archivos en un iframe usando sus enlaces. Si un archivo es una imagen, funciona según lo previsto mostrando la imagen, pero en su lugar se descargan otros archivos como .doc o .pptx . ¿Cómo puedo detectar ese evento de descarga para poder evitarlo y mostrar una advertencia de "No hay vista previa disponible"?

Aquí está la parte donde muestro los archivos. Realmente no sé a dónde ir desde aquí.

 <div id="file-container"> <iframe src="/file/from/server.xyz" frameborder="0"></iframe> </div>