Vorschau einer Datei in HTML mit Dateipfad als Argument

Question

Die Anwendung, die ich arbeite, benötigen nun eine Funktionalität, auf Klick auf die Vorschau-Taste, sollte die entsprechende Datei in einer div Vorschau angezeigt werden.

Ich habe Anker-Tag: <a href={{item.url}}><b>{{item.fileName}}</b></ a>

Datenbindung in angualr js ist.

Onclick des Dateinamens den Dateipfad mit ihm verbunden sind, sollten, wie unten auf die Vorschau-Methode gehen:

Aber ich bin nicht in der Lage es für alle Dateierweiterungen zu tun und ich nicht denken, dass dies der richtige Ansatz ist zu tun die Funktionalität.

var pdfObject="<object data='"+fullPath+"' type='application/pdf' width='300' height='200'>"; 
       pdfObject=pdfObject+ "alt : <a href='"+fullPath+"'>pdffile_url</a> </object>"; 
       $("#video").append(pdfObject);. 

Meine Forderung: Mit Hilfe von filePath (zB: C:. \ Benutzer \ arun_abraham06 \ Desktop \ Datei "jede Erweiterung"), müssen Sie die Datei in html, um eine Vorschau.

Answer 1

Sie müssen ein Vorschau-Symbol der Dateien serverseitig rendern.