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
Patricia Arquetteasal
2024-12-18 03:29:09131semak imbas

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();

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!

Kenyataan:
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