みなさんこんにちは2001Y(@Y20010920T)です。
サイトプロフィール を作っているときに、バージョンなどは変動するのでできればローカルファイルのみの変更でやっていきたいと思ったので、iframeでの.txtを表示を調べて見ました。
となると、本当の意味のローカルファイルではインターネットからのアクセスはできないので、今回はDropboxを利用します。Dropboxの共有リンクでは外部ファイルが認識されません。
Dropbox内のファイルを外部リンクと認識させるには
?dl=0 を削除し、
www.dropbox.com を dl.dropboxusercontent.com を置き換える
ことで機能します。
ぼくの場合、 https://www.dropbox.com/s/2bzfn0ilhdmpb41/version.txt?dl=0 ですので https://dl.dropboxusercontent.com/s/2bzfn0ilhdmpb41/version.txt です。
Dropboxではファイル内を書き換えてもファイル名を書き換えない以上URLは変わりません。ちなみに、共有リンクは右クリックで取得することができます。
iframe対応ブラウザで見てください。 のところは表示できなかったときに表示するテキストです。
上のHTMLはすべてのコードを表示したり、枠の線を消したりするCSSを含んでいますので、CSSを除いたHTMLは以下になります。
ぼくの場合は、このようにしました。また、CSSではiframe全てに指定しています。
また、盾がページ以上に行くことはないと判断したので max-height: 100%; はなくしました。![screenshot](http://capture.heartrails.com/120x120?http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1260776307)
![hatena](http://b.hatena.ne.jp/entry/image/http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1260776307)
![screenshot](http://capture.heartrails.com/120x120?http://ijmp320.hatenablog.jp/entry/2015/01/18/171807)
![hatena](http://b.hatena.ne.jp/entry/image/http://ijmp320.hatenablog.jp/entry/2015/01/18/171807)
サイトプロフィール を作っているときに、バージョンなどは変動するのでできればローカルファイルのみの変更でやっていきたいと思ったので、iframeでの.txtを表示を調べて見ました。
まずは、ローカルファイルを表示できるのか
インターネットから見るということはインターネットからアクセスできなければなりません。となると、本当の意味のローカルファイルではインターネットからのアクセスはできないので、今回はDropboxを利用します。Dropboxの共有リンクでは外部ファイルが認識されません。
Dropbox内のファイルを外部リンクと認識させるには
?dl=0 を削除し、
www.dropbox.com を dl.dropboxusercontent.com を置き換える
ことで機能します。
ぼくの場合、 https://www.dropbox.com/s/2bzfn0ilhdmpb41/version.txt?dl=0 ですので https://dl.dropboxusercontent.com/s/2bzfn0ilhdmpb41/version.txt です。
Dropboxではファイル内を書き換えてもファイル名を書き換えない以上URLは変わりません。ちなみに、共有リンクは右クリックで取得することができます。
iframeでファイルを表示する
iframeは普通はサイトをサイトに中に表示したりするときに使います。今回、Dropbox内のtxtファイルを表示したいと思います。これで表示することができます。
iframe対応ブラウザで見てください。 のところは表示できなかったときに表示するテキストです。
上のHTMLはすべてのコードを表示したり、枠の線を消したりするCSSを含んでいますので、CSSを除いたHTMLは以下になります。
ぼくの場合は、このようにしました。また、CSSではiframe全てに指定しています。
また、盾がページ以上に行くことはないと判断したので max-height: 100%; はなくしました。
iframe {
max-width: 100%;
height: 100%;
border: none;
}
参考
HTMLで外部ファイル(拡張子はtxt)を読み込む方法を教えてください
- ifram... - Yahoo!知恵袋
【備忘録】Dropboxの画像のURL(直リンク)の取得
- ないものは作りましょう。