先端は写真をbase 64に変えます.

canvasを使うcanvasラベルを新規作成してcssで隠します.その後、このcanvas要素を取得し、toDataURL方法で変換する.
1
2
var canvas=
Dcument.getElemenntById(
「xxxx」)
var base 64=canvas.toData URL(
「写真の住所」)
FileReaderを使う
使用  FileReader の  readAsDataURL 方法として、画像を読み込み、base 64データをそのresult属性に保存します.
1
2
3
4
var reader=
new FileReader()
var file=fileList[
0］
//ここfileListはFile APIで取得したファイル群(multiを開く)です.
reader.readAdata URL;
var base 64=reader.result;
用途
写真をbase 64形式に変換するのは主にHTTP要求を低減し、リアルタイムでアップロードする画像をプレビューするためです.canvasを通じて写真をさらに加工することができます.