Сила для загрузки файла с использованием ajax и php

Question

Я использую плагин для выбора изображений, чтобы выбрать изображение, а затем заставить его загрузить. Я пытался жестко кодировать PHP, и он работает так, как ожидалось. Загрузите всплывающее окно, и мне удалось просмотреть файл. Я не уверен, почему он не работал в AJAX. Что мне не хватает?

//get the image-source or URL 
    function getImageSrc() 
    { 
     var req = $("div[class='thumbnail selected']").children('img'); 
      var imagessource = []; 
       $(req).each(function (datakey, datavalue) { 
           src = $(datavalue).attr('src'); 
             imagessource.push(src); 
               }); 
         return(imagessource); 
    } 

Вот когда я нажимаю кнопку

$("#download_media").click(function() { 
        var file = getImageSrc();  

        $.ajax({ 
         type: 'POST', 
         url: '?page=downloadController&action=downloadMedia', 
         data: {'file_url': file}, 
         success: function(data) { 
          console.log("success"); 
         } 
        }); 
       }); 

Мой PHP FILE

public function downloadMediaAction() 
{ 
    //get the file_url 
    $file = $this->getRequest()->('file_url'); 

    header("Content-Description: File Transfer"); 
    header("Content-Type: application/octet-stream"); 
    header('Content-Disposition: attachment; filename="'.basename($file).'"'); 
    readfile($file); 
} 

Answer 1

Ok, то из вашего запроса AJAX, возвращает URL документа для загрузки, как:

{'url':'http://server:port/path/to/file.php?id=x'}

, а затем с помощью Javascript

document.location='http://server:port/path/to/file.php?id=x';

в file.php вызове метода: public function downloadMediaAction()

и убедиться, что браузер будет загружать его добавить эту строку в downloadMediaAction():

header("Content-Type: application/force-download");