file:// と file:/// の違いは？

Question

file:// と file:///　の違いは何ですか　？

React Native でIOSアプリを作成している時に発見したことで疑問があるので書きます。

react-native-fs
まず例を書きます。

import * as RNFS from 'react-native-fs'

const path = `${RNFS.LibraryDirectoryPath}${myImage/hello.png}`;

const sample = () => {
  const img = "file://" + path;
  return <Image source={{uri: img}} />
}

上のような例ではsampleコンポーネントを呼び出せば、pathの画像が表示されます。

上の例では表示する写真が1個しかありませんが、表示される写真が沢山ある時を考えます。
例えば異なるpathに保存している画像を10個表示するような。
「これは悪魔で例です。」

私はあることに気づきました。多数のファイルを異なるpathから読み込む時、
"file://"+path
とするよりも、
"file:///"+path
の方が読み込む時間が速いことに。

前者のときは、アプリがとても重くなり（ios simulator）、
後者のときは、アプリの重さは通常通りでした。

スラッシュの数が一個違うだけで何故こんなにも差がでたのでしょうか？

Comments

[xebme]

https://stackoverflow.com/questions/25354048/difference-between-file-and-file
相対パスと絶対パスの違いか？

[dodox86]

[「file:///」でスラッシュが3つ並んでいる理由]http://www.koikikukan.com/archives/2012/05/14-000300.php
本来であれば、'/'は3つ並んでいるのが検索する際にもっとも正しく解釈できるととれます。iOS、ブラウザの挙動によるでしょうが、'//'ではローカルホストでの検索で失敗して、適当に補正をかけて
再検索するような動きになっていて、遅くなっているのでは。

[abcdmmefg]

ありがとうございます。

Answer 1

file:ではローカルファイルだけじゃなくて、ファイルサーバー上にあるファイルも参照できます。

file://ホスト名/パスなので、file://aaa/bbb.txtと書くとaaaという名前のファイルサーバーを探しに行ってタイムアウトしてからローカルファイルと判断しているのだと思います。

ホスト名部分を省略すると、最初からローカルファイルとみなされます。