kasuel
2019-09-17 11:00
采纳率: 75%
浏览 1.3k

web小白请教,如何利用js url 下载服务器端文件?

例如我服务器根目录为/var/www/,如何点击按钮触发一个事件去下载该目录的test.txt文件,用js实现,各位有经验的前辈有比较好的方法吗?

最好是有比较详细的代码,谢谢啦!


之前我在网上找了一个资料,但是用IE浏览器发现是直接打开文件,而不是下载。

window.downloadFile = function (sUrl) {
    alert("sUrl = "+sUrl);
    //iOS devices do not support downloading. We have to inform user about this.
    if (/(iP)/g.test(navigator.userAgent)) {
        alert('设备不支持文件下载!');
        return false;
    }

    //If in Chrome or Safari - download via virtual link click

    if (window.downloadFile.isChrome || window.downloadFile.isSafari) {
        //Creating new link node.
        alert("Creating new link node.");
        var link = document.createElement('a');
        link.href = sUrl;
        alert("link.download = "+link.download);

        if (link.download !== undefined) {
            //Set HTML5 download attribute. This will prevent file from opening if supported.
            var fileName = sUrl.substring(sUrl.lastIndexOf('/') + 1, sUrl.length);
            alert(fileName);
            link.download = fileName;
        }

        //Dispatching click event.
        if (document.createEvent) {
            var e = document.createEvent('MouseEvents');
            e.initEvent('click', true, true);
            link.dispatchEvent(e);
            return true;
        }
    }

    // Force file download (whether supported by server).
    if (sUrl.indexOf('?') === -1) {
        sUrl += '?download';
    }
    window.open(sUrl, '_self');
    return true;
}

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 2250824907 2019-09-17 11:36
    已采纳

    可以设置强制下载而不打开

    已采纳该答案
    打赏 评论
  • 世纪怪咖 2019-09-17 11:12

    浏览器打开一般有两种状态,一个是预览,一个是下载,应该是这个问题,还没用过js做下载,都是在服务器端进行控制的

    打赏 评论
  • 1.通过window.open
    
    window.open('https://1.1.1.1/test.txt')
    2.通过get表单请求
    
    var $form = $('<form method="GET"></form>')
    $form.attr('action', 'http://1.1.1.1/test.txt')
     $form.appendTo($('body'))
     $form.submit()
    
    打赏 评论

相关推荐 更多相似问题