主页 / 问题 / 695219
Accepted
Денис Небесный
Asked:2020-07-22 01:31:21 +0000 UTC2020-07-22 01:31:21 +0000 UTC

上传文件以供下载

  • 772

是否可以不使用服务器部分，而是使用 jQuery，不打开图像，而是立即提供下载？

javascript

1 个回答

  1. Best Answer

    在不使用服务器端的情况下，您需要的操作可以使用属性来实现download：

    <a href="http://www.mrwallpaper.com/wallpapers/new_tn2s/lamborghini-racing-car_tn2.jpg" download>Скачать изображение</a>

    在此处download阅读有关该属性的更多信息。

    浏览器支持可以在这里看到。

    如果您需要专门针对 js / jQuery的解决方案，您可以深入研究DownloadJS和类似的现成解决方案。

    工作示例：

    window.downloadFile = function(sUrl) {

  //iOS devices do not support downloading. We have to inform user about this.
  if (/(iP)/g.test(navigator.userAgent)) {
    alert('Your device does not support files downloading. Please try again in desktop browser.');
    return false;
  }

  //If in Chrome or Safari - download via virtual link click
  if (window.downloadFile.isChrome || window.downloadFile.isSafari) {
    //Creating new link node.
    var link = document.createElement('a');
    link.href = sUrl;

    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);
      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;
}

window.downloadFile.isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
window.downloadFile.isSafari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;
    <a href="#" onclick="downloadFile('https://thumb7.shutterstock.com/display_pic_with_logo/52627/52627,1331024875,4/stock-vector-vector-illustration-of-soft-colored-abstract-background-96845341.jpg');">Скачать картинку</a>

    还有几个选项：

    • 12

相关问题