Setzt man das Attribute „autocomplete“ auf einem Input Feld auf den Wert „one-time-code“ kommt es nicht mehr zum automatischen füllen durch Chrome.

<input type="text" name="email" id="email" autocomplete="one-time-code" />

Um ein Bild, das als base64 String vorliegt mit FPDF zu zeichnen kann folgende Funktion verwendet werden.

function addBase64Image($base64Image, $x, $y, $w = 0, $h = 0) {
			
	list($type, $data) = explode(';', $base64Image);
	list(, $data) = explode(',', $data);
	$data = base64_decode($data);

	$tempFile = tempnam(sys_get_temp_dir(), 'fpdf') . '.png';
	file_put_contents($tempFile, $data);

	$this->Image($tempFile, $x, $y, $w, $h);

	unlink($tempFile);
	
}

Möchte man mit Vue/Javascript Dateien eines Uplaod Feldes einlesen und an den Server senden, so kann man folgenden Code nutzen.

const fileToBase64 = (file) => {

  return new Promise((resolve, reject) => {

    const reader = new FileReader();

    reader.onload = () => resolve(reader.result.split(",")[1]); // Nur Base64-Daten
    reader.onerror = () => reject(new Error(`Fehler beim Lesen von ${file.name}`));

    reader.readAsDataURL(file);

  });

}

const handle_upload = async () => {

  const arFiles = Array.from(ref_file.value.files);

  const base64Files = await Promise.all(

    arFiles.map(async (file) => {

      const base64 = await fileToBase64(file);

      return { name: file.name, type: file.type, base64: base64, };

    })

  );

  console.log(base64Files);

  // ... base64Files an den Server senden mit fetch/xhr  

}