iframe

Question

के माध्यम से फ़ाइल डाउनलोड करने पर क्रोम त्रुटि मैं सर्वर पर JSON डेटा सबमिट कर रहा हूं। सर्वर एक पीडीएफ फ़ाइल उत्पन्न करता है और उस पीडीएफ फाइल के यूआरएल के साथ जवाब देता है। मैं फिर पीडीएफ फाइल डाउनलोड करने के लिए सर्वर से एक और अनुरोध करता हूं। डाउनलोड करने के लिए, मैं एक छिपी आईफ्रेम बना देता हूं और स्रोत को पीडीएफ यूआरएल सेट करता हूं। ध्यान दें कि मैं चाहता हूं कि उपयोगकर्ता का ब्राउज़र उसी पृष्ठ पर बने रहें और पृष्ठभूमि में डाउनलोड हो। मैं जो कर रहा हूं उसके बारे में अधिक जानकारी और जिस समाधान के साथ मैं गया था उसे this SO question में पाया जा सकता है।

जब भी मैं क्रोम में इस तकनीक का उपयोग करता हूं, सब कुछ ठीक काम करता है। लेकिन क्रोम डेवलपर कंसोल को देखते हुए, मुझे त्रुटि संदेश Failed to load resource दिखाई देता है। क्या ऐसा करने का कोई तरीका है ताकि मुझे इन त्रुटियों को न मिले?

एक बहुत ही सरल और काम कर रहे example of the problem in action jsfiddle पर देखा जा सकता है। बस डाउनलोड पीडीएफ बटन पर क्लिक करें और अपने क्रोम कंसोल को देखो।

उस पृष्ठ पर कोड इस तरह दिखता है:

$(document).ready(function() { 
    var downloadFile = function(url){ 
     var iframe = $("iframe#download"); 
     if (!iframe.length) { 
      iframe = $("<iframe id='download' style='display:none;'/>"); 
      $("body").append(iframe); 
     } 
     iframe.attr("src", url); 
    }; 

    $("button").click(function() {  
     downloadFile("http://www.education.gov.yk.ca/pdf/pdf-test.pdf"); 
    }); 
}); 

Answer 1

अन्य उत्तरदाताओं ने सामग्री-प्रकार शीर्षलेख को बदलने का सुझाव दिया है, जो कि साथ ही काम करना चाहिए, लेकिन ब्राउज़र को निर्देश देने के लिए एक विशिष्ट प्रतिक्रिया शीर्षलेख है फ़ाइल।

पीडीएफ के बजाय डाउनलोड किया जा करने के लिए ब्राउज़र में प्रदर्शित मजबूर करना चाहिए निम्नलिखित:

"सामग्री स्वभाव: लगाव; फ़ाइल नाम = [आपकी फ़ाइल का नाम]"

Answer 2

document.ready के बाहर अपने समारोह के लिए कदम ...

सामान्य कार्यों हमेशा बाहर होना चाहिए ... और यह जहाँ भी बुलाया जाना चाहिए

$(document).ready(function() {  

    $("button").click(function() {  
     downloadFile("http://www.education.gov.yk.ca/pdf/pdf-test.pdf"); 
    }); 
}); 

    var downloadFile = function(url){ 
      var iframe = $("iframe#download"); 
      if (!iframe.length) { 
       iframe = $("<iframe id='download' style='display:none;'/>"); 
       $("body").append(iframe); 
      } 
      iframe.attr("src", url); 
     }; 

Answer 3

की जरूरत है मैं अपने खुद के वेब सर्वर पर एक करने के लिए फ़ाइल का स्रोत बदल गया है और प्रतिक्रिया हेडर को "application/ओकटेट धारा" के बदले "applic के" सामग्री प्रकार "सेट एटियन/पीडीएफ ", और यह क्रोम में सही ढंग से डाउनलोड किया गया। मुझे यह इंगित करना चाहिए कि त्रुटि अभी भी कंसोल ("संसाधन लोड करने में त्रुटि") में दिखाई गई है, लेकिन इसने मुझे फ़ाइल को वैसे भी डाउनलोड करने के लिए प्रेरित किया।

Answer 4

यह मेरे सिर के शीर्ष से बाहर है - मेरा मानना ​​है कि मैंने पहले एक ही मुद्दे में भाग लिया है। जब iframe को पहले डोम में जोड़ा जाता है, तो इसमें कोई स्रोत नहीं होता है - जो क्रोम को "संसाधन लोड करने में असफल" बनाता है।

आइफ्रेम के लिए एक प्रारंभिक src जोड़ने का प्रयास करें -

iframe = $("<iframe id='download' src='about:blank' style='display:none;'/>"); 

कि यह करना चाहिए मेरा मानना ​​है कि। (यदि यह गलत है तो आप मुझे एक अरब बार घटा सकते हैं :))

Answer 5

Chrome में एक अंतर्निहित PDF दर्शक। जब आप iframe के स्रोत को सेट करते हैं, तो क्रोम बस पीडीएफ फ़ाइल प्रदर्शित करने का प्रयास करता है। चूंकि यह display:none पर सेट है, इसलिए डाउनलोड रद्द हो जाता है और आपको वह संदेश मिलता है।

displaynone के अलावा किसी अन्य चीज़ पर सेट करने का प्रयास करें और position:absolute के साथ स्क्रीन से iframe को स्थिति दें।

Answer 6

var downloadFile = function(url){ 
    var iframe = $("iframe#download"); 
    if (!iframe.length) { 
     iframe = $("<iframe id='download' style='display:none;'/>"); 
     $("body").append(iframe); 
    } 
    iframe.attr("src", url); 
    iframe.on('load',function(){ 
      console.log("error") 
    }); 
}; 

यू बस इसे आज़माएं, यह काम कर रहा है, लेकिन यह इस समस्या को हल करने का सही तरीका नहीं है ...