2010-06-02 10 views
8

के दौरान एक छवि को स्वैप करना मैं यह देखने की कोशिश कर रहा हूं कि एक निश्चित वेबपृष्ठ कैसा दिखता है यदि मैंने किसी निश्चित छवि को दूसरे के साथ बदल दिया है। छवि अपलोड करने के बजाय, साइट संपादित करें, आदि, हर बार जब मैं इसे ट्वीक करता हूं, तो मैं जानना चाहता हूं कि रिमोट पेज देखते समय पृष्ठ में छवि को मेरे स्थानीय संस्करण में बदलने का कोई तरीका है या नहीं।वेब विकास

मैं आमतौर पर वेब विकास डीबगिंग के लिए फ़ायरबग का उपयोग करता हूं, लेकिन मैं ऐसा करने वाले किसी भी अन्य उपकरण के लिए खुला हूं।

(यह इस बात के लिए खोज और अगर यह एक नकली है, लेकिन एक तैनात वेबसाइट पर गतिशील छवि अदला-बदली के बारे में सवाल कुछ भी है, तो माफ करना लगाने के लिए पूरी तरह से असंभव है।)

जोड़ा गया: मैं सिर्फ एक file:/// प्रतिस्थापन की कोशिश की यूआरआई छवि को इंगित करता है (छवि को मैन्युअल रूप से खोलने के बाद पता बार से कॉपी और पेस्ट किया गया), और हां, यह काम नहीं करता - छवि बदलने में विफल रहता है।

उत्तर

8

ऐसा लगता है कि यह केवल http [s] प्रोटोकॉल (सुरक्षा कारणों से संभवतः) के साथ काम करता है। आप अपनी छवियों को Dropbox जैसी सेवा पर स्टोर कर सकते हैं, छवि या फ़ोल्डर साझा कर सकते हैं, फिर सार्वजनिक URL का उपयोग करें।

वास्तव में, आप किसी भी वेब सुलभ छवियों का उपयोग कर सकते हैं, इसलिए एक स्थानीय सर्वर भी काम करेगा।

+3

काम नहीं करता है मैं व्यक्तिगत रूप से ड्रॉपबॉक्स या कुछ समान _unless_ का उपयोग करता हूं, आपके पास पहले से ही एक स्थानीय है सर्वर चल रहा है। –

+0

मेरे पास एक स्थानीय सर्वर नहीं चल रहा है, लेकिन एक अन्य सार्वजनिक रूप से सुलभ यूआरएल चाल है। – detly

1

यदि आपकी छवि स्थानीयहोस्ट सर्वर में है (फ़ाइल दिमाग के रूप में नहीं) तो मुझे लगता है कि आप अभी भी उस लोकहोस्ट यूआरएल को फायरबग निरीक्षण तत्व में डाल सकते हैं और यह काम करेगा।

एक पूर्ण फ़ाइल पथ का प्रयास किया लेकिन यह स्पष्ट रूप से काम नहीं करता है। तो मुझे लगता है कि आपको सिर्फ स्थानीयहोस्ट सर्वर छवि के साथ करना है। यह मेरे लिए काम करता है

+0

आप इसे सर्वर के बिना कर सकते हैं। आज़माएं: 'फ़ाइल: /// पथ/से/img.png' – Anthony

+3

ने अभी यह कोशिश की है (फ़ाइल: /// आदि) यह स्पष्ट रूप से – corroded

0

त्वरित और निम्नतम उत्तर: पृष्ठ का एक स्क्रीन शॉट फ़ोटोशॉप में खोलें और स्थानीय छवि को वेबपृष्ठ छवि के ऊपर एक परत पर छोड़ दें।

0

नमस्ते यदि आप किसी वेबसर्वर से सेवा कर रहे हैं, तो शायद आप इसे स्थानीय ड्राइव पर किसी फ़ाइल पर इंगित नहीं कर सकते हैं। यहां तक ​​कि यदि इसके लोकहोस्ट, आप उदाहरण के लिए स्थानीय फ़ाइल c: /test.jpg पर इंगित नहीं कर सकते हैं। इसका कारण यह है कि ब्राउजर सैंडबॉक्स यूआर पेज का प्रकार है ताकि स्क्रिप्ट स्थानीय फाइलों तक नहीं पहुंच सकें।

एक तरह से, वेब सर्वर पर नया फ़ाइल (new_file.jpg) अपलोड फ़ायरबग में खिड़की jQuery का उपयोग करते हुए देखने के छवि लिंक एक आईडी

<img id="something1" src="test.jpg"/> 

दे रहा है कर

$("#something1").attr("src","new_file.jpg"); 

आप छवि परिवर्तन देखना चाहिए। यदि आप jQuery का उपयोग नहीं कर रहे हैं, तो आप document.getElementById ("something1") का उपयोग कर सकते हैं और तत्व को संशोधित करने के लिए प्राप्त कर सकते हैं।

0

एक और तरीका है http://makiapp.com/

उपयोग करने के लिए आप इस के साथ पर देखने के किसी भी वेबसाइट पर आप कंप्यूटर से कोई चित्र उपरिशायी कर सकते हैं। अपने कोड के साथ एक COMP जोड़ने के लिए बहुत अच्छा उपकरण।

0

आप कर सकते हैं:

  1. खींचें अपने परीक्षण छवि को Google डिस्क
  2. एक ब्राउज़र
  3. वास्तविक छवि पथ
  4. Firebug
  5. में एक विकल्प के रूप में इस पथ का उपयोग करने के लिए जाएं में खोलें इसे में

यह लगभग स्थानीय ड्राइव से काम करने जितना तेज़ है।

+0

"वास्तविक छवि पथ पर जाएं।" क्या आप उस चरण को स्पष्ट कर सकते हैं? मैंने इसे एक एसवीजी के साथ करने की कोशिश की, लेकिन ब्राउजर के इंस्पेक्टर के साथ वास्तविक, कच्चा पथ नहीं मिला। – fitojb

संबंधित मुद्दे