3

HTML5を使用してドラッグアンドドロップから取得した画像の配列があり、以前はajaxを介して送信していました。
しかし今、私はajaxを使わずにこれらをフォームで送りたいと思っています。アプローチは何ですか？前もって感謝します。

function upload(file) { // image file from drag n drop 

    var formData = new FormData();
    formData.append("file", file);

    var xhr = new XMLHttpRequest();
    xhr.open("POST", "uploadServlet", true); 
    xhr.send(formData);
}
4

1 に答える 1

1

HTML5 を指定しているため、オプションの 1 つはキャンバスを調べることです。
これは、モバイル デバイスでもサポートされています。

次に、画像をキャンバスにロードし、キャンバスに画像データを出力させます。

この画像データ (base64、png、または...) は、次のようなフォーム内の非表示の入力フィールドの値になる可能性があります。
document.getElementById("hiddenInputField").value=canvas.toDataURL("image/png");

このアプローチが気に入った場合は、いくつかの実用的な例やカスタム コードを見つけることができると確信しています。

幸運を！

于 2012-08-08T18:08:40.897 に答える