1

イメージをキャンバス () 経由でエクスポートし、サーバー側のテクノロジを使用せずにプログラムで制御canvas.toDataURL("image/png")をアップロードするようにバインドすることは可能ですか (つまり、javascript のみ)?<input type="file" />

したがって、基本的に、私のクライアントには、<form>他のフィールドの中でも、POST のファイルアップロード HTML コントロールに追加される編集可能な画像フィールドが必要です。既存のものはサードパーティであるため、他の方法では実行できません<form>。つまり、サーバー側のロジックを変更することはできず、クライアントはそのサードパーティを維持することを主張しています<form>。

クライアントから具体的な要望があり、それが可能かどうかわかりません。ヒント/ポインター/ヘルプをいただければ幸いです。ありがとう！

編集：おそらく、ソリューションはIE7を含むクロスブラウザまで動作する必要があることに言及する必要がありました

4

1 に答える 1

2

おそらく、を使用してそれを達成できますFormData。を使用して、キャンバス イメージをバイナリに変換する必要がありますBlobBuilder。あなたFormDataができること：

var dataURL = canvas.toDataURL('image/jpeg', 0.5),
    blob = dataURItoBlob(dataURL),
    fd = new FormData(document.getElementById('form'));
fd.append("canvasImage", blob);

ここで、このアプローチの詳細を読むことができますデータ URI をファイルに変換してから FormData に追加します

于 2013-01-16T14:23:13.387 に答える