《前端技巧》文件下载功能在苹果手机中的特殊处理

        文件下载功能在苹果手机中的特殊处理

---

---

前台代码

---

<a class="btn down" href='#(basepath)/downloadpad?userId=#(userId)'>点击下载</a>

后台代码

    public void downloadpad(){
        String pdfPath=getPara("userId");
        File down = new File(pdfPath);
        renderFile(down);
    }

问题描述：
该功能已经可以正常使用，不过在测试的时候，详细问题如下：
测试设备：安卓，ios(苹果) ，电脑端
文件类型：pdf文件
测试结果：安卓和电脑端，点击下载超链接的时候，可以显示文件下载的情况，并且电脑端可以选择文件保存路径，但是在苹果手机上，却是直接打开该文件。

***解决过程：***
   本人使用了各种力量，查阅了各种资料，最终败给了现实（苹果手机会自动打开它所能识别的文件类型，如：.MP3.txt .pdf等等），对于压缩包，就无法自动打开了。因此，是否可以我们人为的去弹出这么一个友好提示呢？

解决方案：

前台代码改造：

<a id="btn down" href='#'>#(点击下载</a>

 $(document).ready(function(){
	 $('#btn down').click(function() { 
	    var applyId = $('#applyId').val();
	    var btnArray = ["确认","取消"];
	          mui.confirm('是否下载该文件',"提示",btnArray,function(e){
	        if(e.index == 0){
	           window.location.href="#(basepath)/downloadpad?userId=#(userId)";
	            } else if(e.index == 1){
	                   $('#btn down').attr("href","#");
	                    }
	                 }); 
	            }); 
			});

特别强调：
刚开始，我打算在用户点击确定的时候去发送一个ajax请求，不过后来发现，ajax请求，在后台无法返回file流，而导致文件无法下载，因此用“ window.location.href=’’”来实现。

欢迎关注本人个人公众号，交流更多技术信息