FineUploader - 私は、クロスドメインのアップロードプロジェクトでFineUploader 3.7を使用しているヘッダ

Question

に認証を追加します。単純な認証を持つクライアントのDEVサーバーにコードを移動するまでは、すべて問題ありません。プリフライトリクエストがサーバーに送信されたときに認証情報をフォームに埋め込む方法はありますか？

しかし私は働いていない、ヘッダーで基本認証を埋め込むしようとしています。以下のコードを参照してください：

$.ajaxSetup({ 
    headers: { 
     'Authorization': "Basic YZVjaGFmbWluOkNieWxjBTY3" 
    }, 
    beforeSend: function (jqXHR, settings) { 
     jqXHR.setRequestHeader('Authorization', 'Basic YZVjaGFmbWluOkNieWxjBTY3'); 
    } 
}); 

そしてさらに、私は、カスタムヘッダーと運を設定しようとしています

var manualuploader = new qq.FineUploader({ 
    customHeaders: { 
    'Authorization': 'Basic YXVjaGFkbWluOkNieWxjZTY3' 
    },.... 

Answer 1

あなたcustomHeadersオプションが適切に定義されていません。 customHeadersはrequest option documentationで説明するように、requestオプションのプロパティです。

あなたのファインアップローダ統合コードの代わりに次のようになります。

var manualuploader = new qq.FineUploader({ 
    request: { 
     endpoint: "path/to/your/server", 
     customHeaders: { 
      "Authorization": "Basic YXVjaGFkbWluOkNieWxjZTY3" 
     } 
    } 
}); 

をまた、jQueryのajaxSetupがファインアップローダのAJAX/XHR呼び出しには影響を与えませんのでご注意ください。 Fine UploaderはjQueryを内部的に使用しません。オプションjQueryのプラグインファインアップローダにより提供単にjQueryのプラグインとしてjQueryとjQueryのプラグインに関連付けられた共通の構文をサポートすることによって、それが容易に使用できるように、ネイティブのJavaScriptライブラリをラップします。

また、IE9と古いが、アヤックス/ XHRを経由してアップロードをサポートしていないため、これらのヘッダは、アップロードIE9で要求し、古いと一緒に渡されませんのでご注意ください。これらのブラウザでは、iframeをターゲットとするフォームが送信されます。フォーム送信の場合、カスタムヘッダーを要求に関連付ける方法はありません。