web-dev-qa-db-ja.com

リソースはドキュメントとして解釈されますが、MIMEタイプimage / jpegで転送されます

Filepicker.ioを使用して、私のウェブサイトでの画像のアップロードを処理しています。

また、FancyBoxを使用して、Niceスライダーを表示しています。次のような通常の画像を使用すると、すべてが正常に動作します：http://i.imgur.com/asdf.jpegとして<img src="">。つまり、画像をクリックすると、スライダーが正しくポップアップします。

ただし、これらの静的画像のURLを切り替えてFilepickerアドレスを使用すると、画像をクリックしてファンシーボックスを開くと、画像がダウンロードされます。

これは、Google Chromeのコンソールに表示されるメッセージです。

リソースはドキュメントとして解釈されますが、MIMEタイプimage/jpegで転送されます： "https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O?dl=false"。

助言がありますか？

google-chromefancyboxmime-typesfilepicker.io
11
sergserg

あなたのリンク以来：

https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O?dl=false

image拡張子（jpg、png、gif）がないため、fancyboxはどのtypeのコンテンツを処理する必要があるかを認識していません。次のようにAPIオプション"type": "image"を追加して、それを伝える必要があります。

$(".fancybox").fancybox({
   "type": "image"
});

それはここに記載されています http://fancybox.net/faq 、No。6（v1.3.4を使用している場合）、またはここ http://fancyapps.com/fancybox/#support 、FAQタブ、No。5（v2.xを使用している場合）。

問題を処理する方法のその他のオプションについては、ここを参照してください： https://stackoverflow.com/a/17554660/1055987

14
JFK

別のオプションは、URLにファイルの名前を追加することです。例： https://www.filepicker.io/api/file/yknn4hWSOOm2NLZYGR3O+photo.png?dl=false

Filepicker.ioは、+記号の後のファイルリンクを無視し、URLをより「アダプターフレンドリー」にできるようにします。

2
brettcvz