Download is not working inside iframe

Ajith_j_ — Sun, 27 Sep 2015 14:44:53 GMT

Hi All,

I want to show an external url eg(http://codzz.com/mob.aspx) inside iframe and there is a button to download file on click, But the download button dose not work inside the iframe..

Is there any solution to fix this error?

Thanks in Advance

Ajith

Thanks for your reply, Please

Ajith_j_ — Mon, 28 Sep 2015 04:37:00 GMT

Thanks for your reply, Please find my below code. it works fine in emulator and not in devices.

Sample downloaded from https://github.com/gomobile/sample-url-app/blob/master/www/index.html

<!DOCTYPE html>

<html>

<!--

* Please see the included README.md file for license terms and conditions.

-->



<head>

<link rel="stylesheet" type="text/css" href="app_framework/css/af.ui.min.css">

<link rel="stylesheet" type="text/css" href="app_framework/css/icons.min.css">

<meta charset="UTF-8">

<title>Blank App Designer Cordova Web App Project Template</title>

<meta http-equiv="Content-type" content="text/html; charset=utf-8">



<!--

* The "meta viewport" tag (below) helps your app size appropriately to a device's ideal viewport.

* Note that Windows device viewports work better when initialized using the @viewport CSS rule.

* For a quick overview of "meta viewport" and @viewport, see this article:

* http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag

* To see how it works, try your app on a real device with and without a "meta viewport" tag.

* Additional useful references include:

* http://www.quirksmode.org/mobile/viewports.html

* http://www.quirksmode.org/mobile/metaviewport/devices.html

* https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

-->



<!-- <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1"> -->

<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no">

<!-- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, minimum-scale=1, maximum-scale=2"> -->



<style>

/* following three (cascaded) are equivalent to above three meta viewport statements */

/* see http://www.quirksmode.org/blog/archives/2014/05/html5_dev_conf.html */

/* see http://dev.w3.org/csswg/css-device-adapt/ */

@-ms-viewport { width: 100vw ; min-zoom: 100% ; zoom: 100% ; } @viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; }

@-ms-viewport { user-zoom: fixed ; min-zoom: 100% ; } @viewport { user-zoom: fixed ; min-zoom: 100% ; }

/*@-ms-viewport { user-zoom: zoom ; min-zoom: 100% ; max-zoom: 200% ; } @viewport { user-zoom: zoom ; min-zoom: 100% ; max-zoom: 200% ; }*/

</style>



<link rel="stylesheet" href="css/app.css">

<link rel="stylesheet" type="text/css" href="css/index_main.less.css" class="main-less">



<!-- IMPORTANT: Do not include a weinre script tag as part of your release builds! -->

<!-- Place your remote debugging (weinre) script URL from the Test tab here, if it does not work below -->

<!-- <script src="http://debug-software.intel.com/target/target-script-min.js#insertabiglongfunkynumberfromthexdkstesttab"></script> -->



<!-- Recommended location for your JavaScript libraries -->

<!-- These library references (below) are just examples to give you the general idea... -->

<!-- <script src="lib/mc/hammer.js"></script> -->

<!-- <script src="lib/ft/fastclick.js"></script> -->



<!-- Uncomment this script element if you convert your "Cordova web app" to a "Standard HTML5 web app" -->

<!--

<script type="text/javascript" id="xdkJSdevBrowser_">

window.dev = window.dev || {} ; // object used by init-dev.js, which detects various ready events

dev.BROWSER = 500 ; // msecs, in non-Cordova app we don't care about "deviceready" events

</script>

-->



<!--

* cordova.js is a phantom lib for "Cordova HTML5 web app," it does nothing in a "Standard HTML5 web app"

* Seeing a "Failed to load resource: net::ERR_FILE_NOT_FOUND" message caused by this "cordova.js" script?

* The cordova.js script is required if you convert your "Standard HTML5" project into a "Cordova" project.

* You can safely ignore the error or comment out this line if you will not be developing a Cordova app.

-->

<script src="cordova.js" id="xdkJScordova_"></script>



<script src="js/app.js"></script>

<!-- for your event code, see README and file comments for details -->

<script src="js/init-app.js"></script>

<!-- for your init code, see README and file comments for details -->

<script src="xdk/init-dev.js"></script>

<!-- normalizes device and document ready events, see file for details -->

<script src="js/main.js"></script>



<!--

You may substitute jQuery for the App Framework selector library.

See http://app-framework-software.intel.com/documentation.php#afui/afui_jquery

-->

<script type="application/javascript" src="app_framework/appframework.js"></script>

<script type="application/javascript" src="app_framework/appframework.ui.js"></script>

</head>



<body id="afui" onload="onDocLoad()">



<!-- IMPORTANT: Do not include a weinre script tag as part of your release builds! -->

<!-- Place your remote debugging (weinre) script URL from the Test tab here, if it does not work above -->

<!-- <script src="http://debug-software.intel.com/target/target-script-min.js#insertabiglongfunkynumberfromthexdkstesttab"></script> -->

<div id="content" class="uwrap">

<div class="upage vertical-col left panel" id="mainpage" data-header="none" data-footer="none">



<div class="widget uib_w_1 d-margins iframe-size" data-uib="media/iframe" data-ver="0">

<iframe seamless="seamless" id="IDZ_iFrame" src="http://codzz.com/mob.aspx"></iframe>

</div>

</div>

</div>

</body>



</html>

No, It dosent work. I have

Ajith_j_ — Mon, 28 Sep 2015 12:57:56 GMT

No, It dosent work. I have tried AppBrowser plugin too.

     <script src="cordova.js"></script>
    <script>
        function openwin(){
            window.open('http://codzz.com/mob.aspx', '_blank', '');
        }
    </script>      <button onclick="openwin()">window open</button>

Again I have added header in my aspx page, still same problem.

  string fileName = "mmmmm.mp3";
            string filePath = Server.MapPath("~/mmmmm.mp3");
            Response.Clear();
            Response.ClearHeaders();
            
         
            Response.AddHeader("Access-Control-Allow-Origin", "*");
            Response.AppendHeader("Access-Control-Allow-Methods", "OPTIONS,POST,GET");
            Response.AppendHeader("Access-Control-Allow-Headers", "X-File-Name,X-File-Type,X-File-Size");
            Response.ContentType = "audio/mpeg";


            Response.AddHeader("content-disposition", "attachment; filename=" + fileName);


            Response.WriteFile(filePath);
            Response.Flush();
            Response.End();

Gabriele,

gbengaadaramodu — Tue, 26 Apr 2016 10:02:00 GMT

Gabriele,

please, kindly show the project sample that work for iframe. cos i am still finding difficulty using iframe.

thank you.

Gbenga

topic Thanks for your reply, Please in Software Archive

Download is not working inside iframe

Thanks for your reply, Please

No, It dosent work. I have

Gabriele,