問題タブ [data-url]

画像をキャンバスに変換して変更を画像として保存することにより、画像を編集する必要があるアプリケーションを開発しています。したがって、このデータ URL をアプリケーションに渡してブラウザのローカル ストレージに保存し、アプリケーションがロードされたときに画像として生成されるのではないでしょうか??

サーバーから base64 文字列としてファイルを取得しており、JavaScript でダウンロード機能を実装する必要があります。どうすればこれを達成できますか。

アンカー タグでダウンロード属性を使用しましたが、これは IE ではサポートされていません。

私が持っているのはデータURLであるため、window.openもIEではサポートされていません

画像ファイルからのデータ URL があり、それを別の関数に渡す必要があります。Data-URL から BufferedImage までのこのパスに沿って、byteArray である必要があります。

私のアプローチは次のとおりでした：

問題は、常に UnknownImageFormatException Exception をスローすることです。これは、inputImage が null であることを意味します。つまり、ImageIO.read がイメージ タイプを認識しなかったことを意味します。

ImageIO.getReaderFormatNames() を使用して、サポートされているファイル名を取得し、次のリストを取得しました。

私が渡そうとするdataURLは次のようなものです:data:image/png;base64,...またはdata:image/jpg;base64,...

私が理解している限り、それらはサポートされているファイルリストに含まれているため、認識されるはずです。

この場合、他に何が原因で inputImage が null になる可能性がありますか? さらに興味深いことに、どうすれば解決できますか？

画像をキャンバスに変換して変更を加え、変更を加えてキャンバスをデータ URI に変換し、それを画像オブジェクトまたは別のキャンバスのソースに使用したい

そのために次のコードを使用していますが、結果が得られません。私が使用できる他のアプローチを提案してください。

コード：

img 要素を受け取り、データ URL を返す関数があります。これは 7/10 回のように機能し、3/10 回空白の画像を返します。作成したデータの URL をブラウザ (chrome) で表示し、同じ画像を使用しているので、この関数が壊れた画像を返していることがわかります。誰でも理由を見つけることができますか?

この例はほとんどの場合うまくいきますが、画像の代わりに大きな白い四角形で終わることがあります。

ここで少し興味深いものがあります。私たちのチームでは、Mac で 1 つのプロジェクトに取り組んでいる 2 人のメンバーがいて、どちらも MAMP Pro と同じコードベースを使用しています。では、なぜ一方のマシンはdata:image...フォーマット内の画像を含む PDF ドキュメントを問題なく生成でき、もう一方のマシンはできないのでしょうか?

どちらもデータ uri を表示でき、どちらもそれを含む html を生成できます。どちらも通常の画像に満足していますが、一方がエラーをスローします: file_put_contents(): Filename cannot be emptyerror.

私はこれに途方に暮れているので、誰かがそれに光を当てることができますか？

みんなありがとう、ガレス

ブラウザから asp.NET サービスにファイルをアップロードしようとしています。FileReader.readAsDataURL()ファイルをデータURLとして使用および取得しています。

この JavaScript コードevent.target.result.match(/,(.*)$/)[1]を使用して、自分のファイルのみを base64 形式で取得しています。これは私がサービスに送信しているものです。

以下のコードを使用して、ファイルを分離ストレージに保存しています

残念ながら、保存しようとしているファイルが壊れています。私は何か間違ったことをしていますか？これを行うためのより良い方法はありますか？

編集: Gmail スタイルのファイル アップロードを実現しようとしています。フォームを試してみましたが、非常に複雑です。

私の ajax 呼び出しは次のようになります。

UTF-8エンコーディングに関連するものでしょうか？