前端下载

前端下载

前端下载两种实现方式

1.  a 标签的方式

<a href="file" target="_blank">下载</a>

如果file是静态的文件，这是最方便的方式。如果后台返回的数据流，这种方式将不适用。

2. iframe标签的方式

以span元素为列

<span onclick="download(filePathURL)" style="text-decoration:underline">下载<span>

<script>

　　function download(filePathURL){
　　　　if(!document.getElementById("_SAVEASFILE_TEMP_FRAME")) {
　　　　　　$('<iframe style="display:none;" id="_SAVEASFILE_TEMP_FRAME" name="_SAVEASFILE_TEMP_FRAME"

　　　　　　　　width="0" height="0" src="about:blank"></iframe>').appendTo("body");
　　　　}
　　　　document.all._SAVEASFILE_TEMP_FRAME.src = filePathURL;
　　　　}

　　}

</script>

这种方式适合后台在接收到请求之后，返回数据流。