11

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

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

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

GoogleChromeのコンソールに表示されるメッセージは次のとおりです。

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

助言がありますか？

4

2 に答える 2

14

あなたのリンク以来：

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

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

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

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

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

于 2012-12-21T08:40:10.557 に答える
2

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

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

于 2012-12-21T20:30:46.123 に答える