問題タブ [transloadit]

jquery プラグイン transloadit を使用して、画像を A​​mazon s3 バケットにアップロードしています。
今のところ、サイズを変更して、Amazon の画像フォルダーにアップロードするだけです。

ここで、他の入力フィールドを持つフォームでアップローダを使用したいと思います。画像のアップロード ボタンをクリックして画像を選択すると、画像のプレビューが表示されますが、画像はまだアップロードされていません。フォーム全体の「送信」をクリックすると、画像がアップロードされます。

誰かがこれで私を助けてくれますか？

これは、Amazon に画像をアップロードするための私のコードです。

トランスローダーを使用して画像をアップロードする方法について質問があります。私がやりたいことは次のとおりです。

ファイルのアップロード ボタンがあり、画像を選択するとポップアップが画面に表示され、画像の一部を選択するオプションが表示されます。これは、縦向きと横向きで行うことができます。明確にするための画像を次に示します。

ご覧のとおり、2 つのオプションがあります。肖像画と風景。座標をフォーム フィールドに保存します。上部の入力フィールドには横向きの座標が入力され、下部には縦向きの座標が入力されます。

[OK] をクリックすると、3 つの画像が保存されます。オリジナル、縦画像、横画像。

x と y を選択できる「トリミング」オプションがあることは知っているので、画像をトリミングできることはわかっています。

ポップアップでの画像のレンダリングは次のようになります。

では、3 つの画像を保存するにはどうすればよいでしょうか。私はそれらをフォームに持っていません... .

TransloadIt の Web サイトを調べたところ、すばらしいサービスのように見えましたが、その Jquery プラグインは html フォーム入力でしか機能しません... これは私の phonegap アプリケーションでは実際には機能しません。Phonegap カメラでキャプチャした画像を Transloadit にアップロードする方法はありますか?

私はいくつかのフォームを含むページに取り組んでいます。質問を明確にするためにワイヤーフレームを作成しました。

ご覧のとおり、複数のファイルをアップロードしています。ファイルを Amazon s3 バケットにアップロードするには、transloaditを使用します。Transloadit は次のように機能します。

ファイルを選択して [選択] を押すと、transloadit が自動的にそれを amazon s3 にアップロードし、投稿が送信され、アップロードされた画像へのリンクがデータベースに保存されます。

ご覧のとおり、私のページには既に 3 つのフォームがあります。これは、3 つのファイルをアップロードしているためです ... .

それに加えて、ページの下部にある「保存」を押したときに保存する必要がある他の入力フィールドと選択した値があります。

これを行うためのベストプラクティスは何ですか? 複数のサブフォームを持つ 1 つのフォームか、そうでないか。

transloaditを使用して、Amazon S3 バケットに画像をアップロードしようとしています。
私の画像のファイル名は、たとえば次のようになります。07062008(001).jpg

ご覧のとおり、その中に '(' が 2 つあります。Amazon で画像を確認すると、ファイル名は07062008_001_.pngです。彼(は_.

これはtransloaditのバグではないと思います.データベースに保存したファイル名を確認すると07062008(001).jpg.

誰もこれを以前に持っていて、私を助けることができますか?

それで、私はロゴとカバー画像を持つモデル (Rails プロジェクト内) を持っています。それらの両方をアップロードするために 1 つのフォームを使用したいのですが、これは transloadit で行うことができますか? 私はどこにも例を見つけることができません...

Sails フレームワーク(Express ベース)を使用してNode.jsで Web アプリを開発しており、Transloadit と呼ばれるサードパーティのイメージ ソリューションを使用しています (Transloadit を知る必要はありません)。

とにかく、それは問題ではありません。私は Transloadit フォームを実装し、API から情報を受け取ることができました。

私の問題は、Transloadit が応答を文字列として返すことです。応答オブジェクトにアクセスする必要があるためvar objRes = JSON.parse(req.body.transloadit);、JSON オブジェクトに解析するために使用していますconsole.log(objRes);。オブジェクトが正しく解析されない場合、次のようになります。 (ここですべての JSON を参照してください https://gist.github.com/kevinblanco/9631085 )

そして、thumb配列からのデータが必要です。私の質問は、解析時になぜそれを行うのですか?

リクエストreq.bodyオブジェクト全体は次のとおりですtransloadit。

前もって感謝します。

https://transloadit.com/docs/api-docs#auth-exampleで例を試しました。

結果は00320965b86d42b6d983d1fad3f126ee7385b962

しかし、ドキュメントによると、それは6032b7b62879829941b84df5cfaebfe4644ab4e3

Ruby コードはhttps://transloadit.com/docs/api-docs#authentication-implementationsから借用したもので、 https ://github.com/transloadit/ruby-sdk/blob/master/lib/ と同じようです。 transloadit/request.rb#L200

PS: 必要なのは署名ロジックだけなので、Transloadit Ruby または Rails SDK は使用したくありません。

Ruby 2.1.1 と Rails 4.1 を使用しています

Transloadit Rails GitHub ページのチュートリアルに従いましたが、アラートが発生せずにフォームを送信できません: Could not find input[name=params] in your form. [OK] をクリックすると、Transloadit がすぐにスローINVALID_FORM_DATA: bad form data, cannot parseされ、データがサーバーにヒットすることはありません。

私のアプリは と を使用Rails 4.1.4してjquery-rails 2.1.4います。

これが私のフォームです：

そして私のtransloadit.ymlファイル：

助言がありますか？ありがとう！