Postingan lainnya

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

php ajax javascript

@Chin

63 Kontribusi 13 Poin

Diperbarui 2 tahun yang lalu

1 Jawaban:

<div>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. </div>

@ahanafi

815 Kontribusi 552 Poin

Dipost 2 tahun yang lalu

Tanggapan

Lazy Loading itu bisa buat base64 image ?

@Chin

Teknik base64 ngga hanya bisa dilakukan sama php, tapi sama javascript juga bisa..

@ahanafi