Question

我遇到了将一些数据发布到iframe然后从链接下载文件的问题。

我已经搜索了stackoverflow以寻找类似的问题，并尝试调整我的代码，使其与我找到的信息一起工作。

目前它只将数据发布到iframe。

这是我的代码

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<form action="http://www.example.com" method="post" target="output_frame" accept-charset='UTF-8'>
<input type='hidden' name='package_shape' value='box'  />
<input type="submit" name='op' id='go' value='download' />
</form>
<script>
    var downloadUrl = 'http://www.example.com/pdf';

    $('#myFrame').on('load', function(){
        console.log('WOOT!', arguments);
    });

    $('#go').on('click', function(){
        $('#myFrame').attr('src', downloadUrl);
    });
</script>
<iframe name="output_frame" src="" width="100%" height="500" id="myFrame">
</iframe>

如果我创建了一个按钮<button id="go"/>Download</button>并在页面加载到iframe后按下它，则会下载正确的文件。

提前谢谢。

Answer 1

如果要将POST数据发送到输出URL，还要设置可下载的URL：

$('#go').on('click', function(){
    $('#myFrame').on('load', function(){ $('#myFrame').attr('src', downloadUrl); } );
   //setTimeout( function(){ $('#myFrame').attr('src', downloadUrl); }, 500 );
});

将数据发布到iframe然后从链接下载文件

1 个答案: