चित्र गैलरी पृष्ठ में एक तालिका होती है जिसमें 12 होते हैंइमेजिस। उपयोगकर्ता वांछित छवि पर क्लिक करके और एक नई तस्वीर अपलोड करके छवि को अपडेट कर सकता है। छवियाँ सभी नामित हैं। जब नई छवि अपलोड की जाती है, तो यह स्वचालित रूप से आकार बदल दिया जाता है और इसे उसी छवि का नाम दिया जाता है जिसे यह प्रतिस्थापित कर रहा है।
समस्या: अपलोड संवाद बंद होने पर, फ़ाइल सिस्टम में छवि बदल गई है, लेकिन स्क्रीन पर छवि अभी भी पुरानी छवि है। (नोट: अगर मैं फ़ाइल सिस्टम में छवि का नाम बदलकर और img टैग में रखता हूं, तो छवि स्क्रीन पर बदल जाती है)।
मैंने पुराने img तत्व के टेबल सेल को साफ करने की कोशिश की, और इसे ... समान कोड के साथ बदल दिया।
$("#td_02").html("");
$("#td_02").html("<img id="img_02" class="gimg" src="/images/img/gallery/thb_02.jpg" />");
निराश है, लेकिन यह भी आश्चर्यचकित नहीं है कि छवि ने बदलाव नहीं किया।
मैं ब्राउज़र को छवि को ताज़ा करने के लिए कैसे मजबूर कर सकता हूं?
उत्तर:
जवाब के लिए 3 № 1आप छवि के अंत में एक क्वेरी स्ट्रिंग संलग्न कर सकते हैं, इस तरह यह कैश्ड छवि को साफ करना चाहिए, इसलिए thb_02.jpg?blahblah
या वर्तमान टाइमस्टैम्प प्राप्त करें यदि आप चाहते हैं कि यह एक विशिष्ट मूल्य हो तो सुनिश्चित करें कि यह हमेशा नवीनतम छवि को पकड़ता है।