Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menyegarkan Semula Imej Secara Dinamik daripada URL yang Sama Tanpa Caching Penyemak Imbas?

Bagaimana untuk Menyegarkan Semula Imej Secara Dinamik daripada URL yang Sama Tanpa Caching Penyemak Imbas?

Patricia Arquette
Lepaskan: 2024-12-18 03:29:09
asal
133 orang telah melayarinya

How to Dynamically Refresh an Image from the Same URL Without Browser Caching?

Cara Muat Semula Imej Secara Dinamik pada URL Yang Sama

Anda menghadapi masalah apabila imej di tapak anda diakses melalui pautan dan dimuat semula dengan imej baharu setiap kali pautan diakses. Walau bagaimanapun, apabila anda memuatkan imej di latar belakang dan cuba mengemas kininya pada halaman, ia kekal tidak berubah, walaupun ia dimuatkan semula apabila dimuat semula halaman.

Isunya terletak pada cache penyemak imbas. Secara lalai, penyemak imbas cache imej untuk meningkatkan masa pemuatan. Oleh itu, apabila anda cuba mengemas kini imej, penyemak imbas hanya memaparkan versi cache dan bukannya mengambil imej baharu.

Penyelesaian: Menggunakan Pemecah Cache

Untuk memaksa penyemak imbas untuk memuat turun imej terkini, anda boleh menambah pemecah cache pada URL imej. Ini biasanya dilakukan dengan menambahkan cap masa semasa, memastikan penyemak imbas melihat permintaan sebagai URL unik.

Dalam kod JavaScript anda:

newImage.src = "http://localhost/image.jpg?" + new Date().getTime();
Salin selepas log masuk

Dengan menambahkan pemecah cache ini, anda memaksa penyemak imbas untuk mendapatkan semula imej terus dari pelayan, dengan berkesan memintas cache. Ini memastikan bahawa versi terkini imej sentiasa dipaparkan pada halaman.

Atas ialah kandungan terperinci Bagaimana untuk Menyegarkan Semula Imej Secara Dinamik daripada URL yang Sama Tanpa Caching Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan