[解決済み] 画像のURLをBase64に変換する

質問

画像ファイルを使用して、私は画像のURLを取得し、それをウェブサービスに送信する必要があります。そこから画像は私のシステムでローカルに保存されなければなりません。

私が使用しているコード。

var imagepath = $("#imageid").val();// from this getting the path of the selected image

that var st = imagepath.replace(data:image/png or jpg; base64"/"");

画像のurlをBASE64に変換する方法は？

どのように解決するのですか？

HTML

<img id=imageid src=https://www.google.de/images/srpr/logo11w.png>

JavaScript

function getBase64Image(img) {
  var canvas = document.createElement("canvas");
  canvas.width = img.width;
  canvas.height = img.height;
  var ctx = canvas.getContext("2d");
  ctx.drawImage(img, 0, 0);
  var dataURL = canvas.toDataURL("image/png");
  return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}

var base64 = getBase64Image(document.getElementById("imageid"));

この方法では、canvas 要素が必要であり、それは が完全にサポートされています。 .

• の MDN リファレンスは HTMLCanvasElement.toDataURL() .
• そして、公式の W3C ドキュメント .