Cara menggunakan file_get_contents dengan loading

Bagaimana cara menggunakan file_get_contents dengan loading,
Saya memiliki program
$path = 'myfolder/myimage.png';
$type = pathinfo($path, PATHINFO_EXTENSION);
$data = file_get_contents($path);
$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);

Jika hanya digunakan untuk 1 gambar mungkin akan normal, namun bagaimana jika digunakan untuk banyak gambar dalam 1 page ? , Misalnya saya membuat galery page dimana 1 page berisi 100 gambar, jika kode tersebut dijalankan yang terjadi malah load page lama,

Nah bagaimana cara agar menjalankan kode tersebut setelah page berhasil diload ? Mungkin lebih baik sekalian ditambahkan text "Loading" saat proses menjalankan program tersebut


Dan saya tidak ingin agar path image tersebut diperlihatkan dalam view-source maupun inspect elements, jadi saya hanya menginginkan memperlihatkan base64 tersebut
avatar Chin

@Chin

62 Kontribusi 13 Poin


Jawaban

Mungkin bisa menggunakan ajax, jadi tidak perlu harus menunggu semua gambar di load terlebih dahulu. Dalam PWA setahu saya ada teknik yg namanya lazy loading, ya itu tujuannya gambar ngga harus di load keseluruhan di awal ketika render halamannya, gambar hanya di render ketika user scroll terus sampai ke bawah biasanya, baru pada saat itu gambar akan di load. 
avatar ahanafi

@ahanafi

744 Kontribusi 486 Poin

  • Lazy Loading itu bisa buat base64 image ? - @Chin
  • Teknik base64 ngga hanya bisa dilakukan sama php, tapi sama javascript juga bisa.. - @ahanafi


Login untuk gabung berdiskusi
premium logo tube

Hey, sedang ada diskon premium untuk akses semua kelas. Lihat di sini