IE9

2012-06-30 11 views
6

में अपलोड करने से पहले छवि का पूर्वावलोकन पूर्वावलोकन अपलोड करना पहले मैं छवि को प्रदर्शित करने से पहले प्रदर्शित करना चाहता हूं। मैंने निम्नलिखित कोड की कोशिश की लेकिन यह केवल फ़ायरफ़ॉक्स में काम कर रहा है। लेकिन मुझे इसे आईई में काम करने की ज़रूरत है। क्या कोई मुझे सर्वश्रेष्ठ सुझाव दे सकता है इसके लिए समाधान मेरे कोड के नीचे हो सकता है किसी भी एक आंकड़ा बाहर दे रहा हूँ मैं कहाँ चला गया मैं लगभग एक पूरे day.But मेरी समाधान खोजने सके googled यहाँ मेरी कोड हैIE9

enter code here 

function loadname(img, previewName) { 
     var isIE = (navigator.appName == "Microsoft Internet Explorer"); 
     var path = img.value; 
     var ext = path.substring(path.lastIndexOf('.') + 1).toLowerCase(); 
     if (ext == "gif" || ext == "jpeg" || ext == "jpg" || ext == "png") { 
      if (isIE) { 
       alert(path); 
       $('#' + previewName).attr('src', path); 
      } else { 
       if (img.files[0]) { 
        var reader = new FileReader(); 
        reader.onload = function (e) { 
         $('#' + previewName).attr('src', e.target.result); 
        } 
        reader.readAsDataURL(img.files[0]); 
       } 
      } 
     } 
    } 

मेरे एचटीएमएल

<body><form method="post" > 
<input type="file" class="file" onchange="loadname(this,'previewimg')" id="file" /><img src="about:blank" name="previewimg" id="previewimg" alt="" style="width:2in; height:2in"/> 


</form> 
है

उत्तर

6

सुरक्षा कारणों से IE9 suppo नहीं है क्लाइंट कंप्यूटर पर फ़ाइलों का उपयोग आरटी, यही कारण है कि आप कोई पूर्वावलोकन नहीं देख रहे हैं। आपको छवि को अपने सर्वर पर अपलोड करने और फिर इसे प्रदर्शित करने की आवश्यकता होगी।

पक्षी के देखें

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

+0

क्या आप कृपया मुझे इस सर्वर के पक्ष को कैसे करें इस पर नमूना प्रदान कर सकते हैं @ अश्विन सिंह – SahithiPinisetty

+0

आपको ऐसा करने के लिए सर्वर साइड स्क्रिप्टिंग की आवश्यकता है। –

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