2016-04-23 8 views
0

自分のローカルに存在するhtml Objectタグを使用して、jsfiddleに1つのpdfファイル(sample.pdf)を表示します。どこで私のサンプルpdfファイルをjsfiddleに保存して表示しなければならないのですか? どうすればいいですか?jsfiddleにローカルpdfファイルを追加するには?

jsfiddle

<object data="sample.pdf#page=1&amp;zoom=75,0,0" type="application/pdf" standby="File is loading" height="500px" width="97%" id='object_tag'> 
 
     <params name="src" value="sample.pdf#page=1&amp;zoom=75,0,0" id="params_tag"> 
 
      <embed src="sample.pdf#page=1&amp;zoom=75,0,0" type="application/pdf" height="97%" width="97%" id="embed_tag"> 
 
     </params> 
 
     </object>

答えて

0

これを行うための唯一の方法は、インターネットにファイルをアップロードすることです。 JSfiddleはファイルをホストしないため、サードパーティのファイルホスティングサービスを使用する必要があります。 Googleに「一時ファイルのホスティング」と入力して、見栄えの良いファイルを探します。ファイルをサービスにアップロードすると、サービスはURLを返します。このURLは、以下のコードで「URL」がある場所で使用します。

<object data="sample.pdf#page=1&amp;zoom=75,0,0" type="application/pdf" standby="File is loading" height="500px" width="97%" id='object_tag'> 
    <params name="src" value="sample.pdf#page=1&amp;zoom=75,0,0" id="params_tag"> 
     <embed src="URL#page=1&amp;zoom=75,0,0" type="application/pdf" height="97%" width="97%" id="embed_tag"> 
    </params> 
    </object> 
+0

ありがとうございました。しかし、私は最後にURLに.pdfが含まれているというホスティングサイトを手に入れませんでした。 Ex https://domain_name/file_name.pdf。あなたは私に適切なpdfのURLを与えているサイトのリンクを教えてくれますか? –

関連する問題