ファイルパスを引数として使用してhtml形式でファイルをプレビューする方法

Question

私が今働いているアプリケーションでは、プレビューボタンをクリックすると の機能が必要になり、それぞれのファイルをdivでプレビューする必要があります。 <a href={{item.url}}><b>{{item.fileName}}</b></>

データバインディングangualr JSである：

私はアンカータグを持っています。

それに関連付けられたファイルパスが以下のようにプレビュー方式に行くべきファイル名のonclickの：

しかし、私はすべてのファイル拡張子のためにそれを行うことができませんし、私はこれを行うには正しいアプローチであると感じていけません機能性

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);. 

私の要件：filePathにの助けを借りて（例：C：\ Users \ユーザーarun_abraham06 \デスクトップ\ファイル "任意の拡張子"）、HTML内のファイルをプレビューする必要があります。

Answer 1

ファイルのプレビューアイコンをレンダリングする必要があります。