問題タブ [todataurl]

この質問はこのフォーラム ( Unable to get values in POST php web service ) で回答されたことを認識していますが、質問と回答の両方で jQuery が使用されており、私の場合は使用できません (理由に関係なく)。 ...

したがって、キャンバスの「スクリーン キャプチャ」(「toDataURL()」関数を使用) を作成し、AJAX を使用して PHP ファイルに送信するための Javascript ファイルがあります。送信するデータが非常に長いため、「GET」メソッドを使用できないため (AJAX は 414 エラーを返します: 「URL TOO LONG」)、「POST」を使用する必要があります。

私はプレーンな Javascriptでいくつかの例に従いました (誰もが jQuery を使用しているため、見つけるのは決して簡単ではありません! :P)。私のコードは次のようになります。

「dataURL」変数の内容をログに記録しようとすると、「image/png...blablabla」のような大きな文字列がログに記録されるので、期待どおりにデータが生成されていると思います。

この時点で、PHP ファイルは結果を取得しようとします。

ただし、PHPファイルは「POST」メッセージも「GET」メッセージもエコーしません。「ImgData」エコーは空を返し、「成功」も「画像処理中のエラー」メッセージもエコーしません...したがって、 PHP ファイルは、AJAX の「POST」メソッドによって渡されたデータを取得できません。

私は何を間違っていますか？プレーンな Javascriptを使用してこの問題を解決するにはどうすればよいですか( jQuery を使用しないことが重要です)。

あなたの時間と労力を前もって感謝します! :)

私のページは、ボタンをクリックするだけでユーザーのhtml5キャンバスのコピーを作成します:

これを、fine-uploader を使用して s3 バケットにアップロードする必要があります。ドキュメントでは、次の方法でブロブをアップロードできると記載されています。

これをどのように統合して保存し、tempLink を取り戻すのが最善でしょうか? 通常の選択されたファイルと同様に、署名、要求などで以下のように S3 構造を使用しますか? これは とどのようにリンクしていaddBlobsますか?

クライアントからデータを送信する方法は次のとおりです（coffeescript＆dajaxice）：

サーバーに画像を保存する方法は次のとおりです（この回答から取得）

画像をロードして、次のように送信したいと思います。

しかし、これではまったく同じデータが得られず、クライアントは返された画像を描画できません。imageData は、2OWn9u2書き込み2OWn時と読み取り時に終了します (「9u2」がありません)。

javascriptを使用してSVG(d3.jsで取得)からJPG画像にグラフをエクスポートしようとしています。

実際のところ、最終的な画像では画像が正しく表示されませんが、グラフの線を囲む黒い領域が描画されます。これが2つの画像です。ページの上部に SVG が表示され、最終的な JPG 画像が表示されます。

私が書いたコードは次のとおりです。

間違った色の変換の理由を知っている人はいますか? 前もって感謝します！

Filepicker.io javascript API を使用して dataURL を保存できるようですが、Filepicker.io エクスポート ウィジェットで「image/png」という MIME タイプの dataURL を保存することは可能でしょうか? これを試みると、例外が発生します: エクスポートするファイルが無効です。JS API を使用して「data:image/png;base64」プレフィックスを削除する必要があることを読みましたが、同じ例外が発生するようです。

私はこれを次のように取り除いています：

しかし、これは同じエラーをスローするようです。Filepicker ウィジェットでこれが可能かどうか、考えはありますか?

javascript メソッド toDataURL によって返される文字列をデータベースに保存しました。例はここにあります: http://pastebin.com/0Qu8rngD

Django レスポンスで画像を返す必要があります。何かのようなもの：

base64decode、urlsafe_b64decode、Image ... を使用して多くの方法を試しましたが、成功しませんでした。ナビゲーターは画像を表示せず、応答データを読み取ることができません。

もちろん、HTML ページに画像を表示することもできますが、<img src="{{image}}">うまく機能します。