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

未關閉
  • 哪裡不對？
#431 1 則留言 0 個 reaction 已指派 2 人 在 GitHub 檢視

@patrick-tolosa 已經在處理了。

開始於 2021年1月24日。

評估

這個 Issue 還沒有評估資料。

描述

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 %>

<script type="text/javascript">

    $('.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) + '%');
        });

    });

</script>
主要語言
Ruby
星號
420
分支
282
30 天內沒有已合併 PR

環境準備

從這裡開始

  1. 先讀完整個 Issue，再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫，在一個分支上完成修改。
  4. 送出 Pull Request，並在描述裡引用這個 Issue 編號。

cloudinary/cloudinary_gem 的其他 Issue

查看 cloudinary/cloudinary_gem 的全部 Issue

相似的 Issue

更多 Ruby Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。