cloudinary / cloudinary/cloudinary_gem

Image upload error in Safari: Failed to load resource: Request header field Authorization is not allowed by Access-Control-Allow-Headers.

オープン
#431 コメント 1 件 リアクション 0 件 担当者 2 名 @patrick-tolosa が担当を希望しています GitHub で見る
主要言語
Ruby
スター
420
フォーク
285
PR マージ指標
30日以内にマージされた PR はありません

説明

Hi,
I'm getting an error `Failed to load resource: Request header field Authorization is not allowed by Access-Control-Allow-Headers.` in Safari, but not in Chrome using the following code for javascript upload. Is there anyway to fix this?

```
<%= cl_image_upload_tag(:image_id, :upload_preset => "logos", :public_id => "#{@account.id.to_s}") %>

<%= cloudinary_js_config %>

$('.progress').hide();

$(document).ready(function() {
if($.fn.cloudinary_fileupload !== undefined) {
$("input.cloudinary-fileupload[type=file]").cloudinary_fileupload({
maxFileSize: 10000000,
acceptFileTypes: /(\.|\/)(jpe?g|png)$/i
});
}

$('.cloudinary-fileupload').bind('cloudinarydone', function(e, data) {
$('.logo-thumbnail').hide();
$('.preview').html(
$.cloudinary.image(data.result.public_id,
{ format: data.result.format, version: data.result.version,
crop: 'fit', width: 500, height: 200 })
);
$('.image_public_id').val(data.result.public_id);
return true;
});

$('.cloudinary-fileupload').bind('cloudinaryprogress', function(e, data) {
$('.progress').show();
$('.progress-bar').css('width', Math.round((data.loaded * 100.0) / data.total) + '%');
});

});

```

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。