使用jquery下載任何文件ajax

Question

當我開發一個文件下載API時，我幾乎沒有什麼可以使它在html頁面中工作。我搜索了很多。在一些頁面中，我發現有些人說，使用ajax無法下載。 但我可以使用ajax。首先將文件轉換爲base64，然後使用這段代碼作爲中間件，這將創建錨點標記，點擊後，您的元素將生成任何類型的文件，如doc，docx，xl​​s，xlsx，mp3，mp4 ....它可以下載任何類型的文件。

$(".filled-in").click(function(e) { 
    var _this=$(this); 
    $file = $(this).attr('id'); 
    $.ajax({ 
     type: "POST", 
     url: {!! json_encode(url('/download')) !!}, data: { 
      '_token' : $("input[name='_token']").val(), 
      'file' : $file 
     }, 
     dataType : "json", 
     success : function(json) { 
      var element = document.createElement('a'); 
      var fl='data:' + header_content +';charset=utf-8;base64,' +json.content; 
      element.setAttribute('href', fl); 
      element.setAttribute('download', $file_org_name); 
      element.click(); 
     } 
    }); 
}); 

Answer 1

的NodeJS

const express = require('express') 
 
    ,app = express() 
 
; 
 
app.get('/download/:file*?', (req,res) => { 
 

 
    // Magic 
 
    ... 
 
    // Redirect your user to the file path, and let them download the file 
 
    res.download(`${__dirname}/${filePath}`); 
 
});

的JavaScript

// Some kind of click event ¯\_(ツ)_/¯ 
 
buttonIGuess.addEventListener('click', e => { 
 
    // Create a invisible iframe for the file downloading 
 
    const iframeElement = document.createElement('iframe'); 
 
    // Set the source to your API and as well as the file path 
 
    iframeElement.src = 'https://pony.com/download/rainbow_dash.png'; 
 
}); 
 
// It should work, if is work :P