ファイル名にシャープ記号（ '＃'）をどのように処理するのですか？

Question

いくつかの着信ファイルには、ファイルシステムで作業するときに問題の原因となるポンド記号#があり、ファイル名から生成されたURLを使用して<img>タグに再アクセスするという問題があります。

var fileDir = "/foo/bar#s.png/"; 
var dirContents = fs.readdirSync(fileDir); 

document.getElementById("id1").src = encodeURIComponent(path.join('cache', fileDir, dirContents[0])) 
// %2Fcache%2Ffoo%2Fbar%23s.png%2Fbar%23s%2001.png :: Broken img 

document.getElementById("id2").src = path.join('cache', fileDir, dirContents[1]) 
// /cache/foo/bar#s.png/bar#s 02.png :: Also broken img 

私はディレクトリ名を管理しているが、最終的なファイル.png sがファイルをロードし、ユーザー次第です。これらの文字を扱うにはどうすればいいですか？

Answer 1

あなたがescape these charactersます：

document.getElementById("id1").src = path.join('cache', 
               ...fileDir.split("/").map(encodeURIComponent), 
               encodeURIComponent(dirContents[0])); 

しかし、あなたは画像要求を受信したときにサーバーが正常に再びそれらをデコードすることを確認する必要があります、いないすべての実装は、ファイルパスにパーセントエンコーディングをどうするかで合意。おそらくもっと良いアプローチは、最初にファイル名にこれらの文字が現れないようにすることです。