ब्लूंप jQuery- फ़ाइल-अपलोड छवि अपलोड करने के बाद थंबनेल प्रदर्शित नहीं कर रहा है

Question

मैंने नवीनतम प्लगइन और here संस्करण 9.12.1 से निर्भरता डाउनलोड की है। मैंने अपने वैंप सर्वर में डाउनलोड की गई फाइलों की प्रतिलिपि बनाई और इसे लोकहोस्ट/jQuery-फ़ाइल-अपलोड-9.12.1/index.html से एक्सेस किया।

छवि फ़ाइल का चयन करने के बाद, अपलोड करने से पहले छवि का पूर्वावलोकन प्रदर्शित होता है। लेकिन एक बार छवि अपलोड हो जाने पर थंबनेल प्रदर्शित नहीं हो रहा है।

हालांकि में तत्व का निरीक्षण करें थंबनेल का लिंक छवि स्रोत में मौजूद है।

फ़ाइल सर्वर फ़ोल्डर में अपलोड की गई है और थंबनेल बनाई गई है।

नाम और छवि का आकार प्रदर्शित किया जा रहा है।

मैं क्या गलत कर रहा हूं?

Answer 1

गंदे चाल के साथ बनाना ... पूर्वावलोकन छवि दिखाने से पहले छवि तैयार होने तक लूप करें।
jQuery: Check if image exists देखें। मेरे मामले में मैं छवि टैग के पहले उपयोग करता हूं ...

  while(urlExists(file.path) != 200) { 
        console.log("still loading image"); 
      } 
      <img src="=file.path" width="100px"> 

समस्या लिख ​​रही है छवि क्लाइंट के जवाब से थोड़ी देर हो चुकी है। तो, एचटीएमएल को प्रस्तुत करने के बाद इस छवि के लिए 404 त्रुटि। लेकिन जब मैंने चेक किया तो छवि वास्तव में मौजूद है। उपरोक्त स्निपेट के रूप में, सर्वर ने सफलतापूर्वक छवि बनाई है के बाद मैं छवि लोड करने के लिए प्रतीक्षा करने का प्रयास कर रहा हूं। मुझे पता है कि यह एक अच्छा तरीका नहीं है लेकिन यह काम करता है। मेरा मानना ​​है कि यह त्रुटि उत्पादन मोड पर नहीं होगी और मैं स्थानीयहोस्ट पर चलने के लिए ठीक करने की कोशिश कर रहा हूं।

Answer 2

अपने प्रश्न और टिप्पणियों के अनुसार, दो चीजों के लिए जाँच:

पहले, थंबनेल चित्र को डाउनलोड डेवलपर विंडो के नेटवर्क टैब पर स्थिति 200 या 404 है। यदि इसका 200, मुद्दा कुछ और है।

अगर ऐसा है 404:

RewriteEngine on 
RewriteCond %{HTTP_REFERER} !^$ 
RewriteCond %{HTTP_REFERER} !^http://(www\.)?yourdomain.com/.*$ [NC] 
RewriteRule \.(gif|jpg|css)$ - [F] 

ऊपर लाइनों Apache वेब सर्वर बता के सभी लिंक को ब्लॉक करने के लिए '.gif', '.jpg: इस सामग्री के लिए अपने .htaccess फ़ाइल में चेक 'और' .css 'फ़ाइलें जो डोमेन नाम ' http://www.yourdomain.com/ 'से नहीं हैं। अपनी .htaccess फ़ाइल अपलोड करने से पहले सुनिश्चित करें कि आप उचित वेबसाइट पते के साथ 'yourdomain.com' को प्रतिस्थापित करें।

देखें कि .htaccess में यूआरएल आपके डोमेन (यानी, स्थानीयहोस्ट) पर ठीक से सेट है या नहीं।

संदर्भ: http://www.htaccess-guide.com/hot-link-prevention-techniques/