jquery 移动端下载文件

### 使用 jQuery 实现移动端文件下载

为了实现在移动设备上通过 jQuery 下载文件的功能，可以采用创建隐藏的 `<a>` 标签并触发点击事件的方法来启动下载过程[^1]。

下面是一个具体的实现方式：

function downloadFile(filename, content) {
    var link = document.createElement('a');
    link.href = URL.createObjectURL(new Blob([content], { type: 'text/plain' }));
    link.download = filename;

    // 将链接添加到页面（不可见）
    document.body.appendChild(link);
    
    // 触发点击事件以开始下载
    link.click();
    
    // 清理工作
    document.body.removeChild(link);
}

对于更复杂的场景，比如从服务器获取数据再进行下载，则可以通过 AJAX 请求先取得文件内容后再调用上述函数处理。需要注意的是，在某些浏览器特别是 iOS 上可能需要额外考虑兼容性问题[^2]。

另外一种方法是直接指向远程资源地址让浏览器自动处理下载请求：

<a id="downloadLink" href="#" style="display:none;"></a>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
    $('#downloadButton').click(function(e){
        e.preventDefault();  // 防止默认行为
        
        $.ajax({
            url: '/path/to/file',
            method: 'GET'
        }).done(function(data){
            $("#downloadLink").attr("href", "/path/to/downloadable-file");
            $("#downloadLink")[0].click();
        });
    });
});
</script>
<button id="downloadButton">Download File</button>

此代码片段展示了当按钮被按下时发起一个 GET 请求去获取目标文件路径，并设置给预先准备好的 `<a>` 元素，最后模拟用户的点击动作完成整个流程[^3]。