角度ファイルセーバーを使用してあらゆる種類のファイルをダウンロードする方法はありますか？

Question

私は自分のアプリケーションにnode.jsとangular.jsを使用しています.BlobとfileSaver.jsを使ってブラウザからファイルをダウンロードしようとしています。

私は、私のアプリの他のセクションでこれを使って、問題なくBlobオブジェクトを作成するときに正しいタイプを指定したテキストファイルとpdfファイルをダウンロードしましたが、現在のセクションではどのタイプのファイルもサポートする必要がありますそれが可能かどうかわからない。

たとえば、type:image/pngの有無にかかわらず画像ファイルをダウンロードしようとしましたが、結果が壊れた画像でした。テキストエディタでそのファイルを調べて元のファイルと比較すると、多くのバイトが変更されています。ここで

は、私が使用するコードスニペットです：

サーバー：

fs.readFile(/* snipped file path */, function(err, data){ 
    if(err){ 
     /* handle error */ 
    } 
    else{ 
     res.send(data); 
    } 
}); 

クライアント：

$http.get(/* endPoint URL */) 
    .success(function(result){ 
     var data = new Blob([result], {type: 'image/png'}); 
     FileSaver.saveAs(data, filename); 
    }); 

いくつかの質問：

1. Blobの型を指定する必要がありますか？もしそうなら、それをサーバーで指定する必要がありますか（それを決定するのは苦痛です）？私は両端でそれをスキップできませんか？
2. イメージテストでファイルが破損する原因は何ですか？ content-typeヘッダーなどがありませんか？

Answer 1

あなたのGETリクエストに{contentType: 'arraybuffer'}を追加してみてくださいので、同様に、ブロブの定義からタイプを削除します。

$http.get(/* endPoint URL */, {contentType: 'arraybuffer'}) 
    .success(function(result){ 
     var data = new Blob([result]); 
     FileSaver.saveAs(data, filename); 
    }); 

を：