ボタンをバインドできないときにblueimp jqueryファイルを外部にアップロードする方法

jqueryファイルをアップロードしていて、送信できません。まず、プロセスを説明してから発行します。ボタンをバインドできないときにblueimp jqueryファイルを外部にアップロードする方法

ユーザーが、彼らは、ユーザーが後にトリミングの変更を受け入れる場合、画像がカスタムメイド画像クロッパー
でレンダリングされる。これは、入力
に変更イベントを発生させます
を変更したい画像を選択します画像がSELされるまでボタンをページにレンダリングされていません。必要に応じてなど、ズーム/に関する動画そのイメージは

問題サーバーに送信する必要があります影響を受けた。私は次のようにしてみました：

まず、ファイルの入力が含まれているフォームのページのレンダリング完了時にプラグインをインスタンス化します。これは常にページ上にあるためです。それは隠された形です。場合

$el.fileupload({ 
    url: self.uploadImageUrl, 
    autoUpload: true, 
    add: function (e, data) { 
      if (beforeUpload(data, e)) 
       data.submit(); 
    }, 
    error: function (jqXHR, textStatus, errorThrown) { 
        helper.Logger.error(errorThrown); 
    } 
});

beforeUpload機能は基本的にtrueを返します： - 画像クロッパーテンプレートは、現在の画面に表示されている - 画像srcがクロッパー現在SRCと一致するそれ以外の場合はfalseを返します。

アイデアは、ユーザーがイメージを初めて選択したときにbeforeUpload（）がfalseに変わり、イメージクロッパーがレンダリングされなかったためです。すなわち、ユーザが自分のトリミングを行うことができるようになる、とボタンを受け入れるクリックする上で、私はただ単に実行します。

$inputFileButtonWithinFileUploadForm.change()

はこれに沿って、フォームをオフに送信するプラグインを引き起こし、この時間はtrueを返すことになるbeforeUploadて実行しますそれは他のデータです。（ファイルと一緒にクロッピングの詳細を提出したい）

残念ながら、何らかの理由で入力要素の.change（）がプラグインによって無視されています。

私は汚れていると感じるソリューションが1つしか見えません。イメージ入力用とフォーム用の2つの入力があります。ユーザーが画像を受け入れると、フォーム入力が更新されます。可能であれば、私はよりクリーンなソリューションを望んでいます。私はプラグインが単にパラメータを必要としない.submit（）メソッドを持っていない理由を理解していません - それはすでにフォームを知っています。私はAPIのサブミットメソッドを見ましたが、それはパラメータとしてファイルを必要とし、ファイルとトリミングデータの両方を送信したいと思います - それは可能ですか？ここに答えが見つかり

おかげ

出典

2016-11-04 user2330270

：

$btn.on("click", function() { $yourForm.trigger("customEventName"); })

：基本的に jQuery file upload: Is it possible to trigger upload with a submit button?

は、と

   add: function (e, data) { 
        options.onFileAdd(data, e); 

        $el.on(customEventName, function() { 
         data.submit(); 
        });        
       },

、その後、外部のボタンでフォームをバインド

出典

2016-11-04 12:13:43 user2330270

ボタンをバインドできないときにblueimp jqueryファイルを外部にアップロードする方法

答えて

関連する問題