FirefoxでXMLHttpRequestが機能していません

Question

クライアント側にdocxファイルをダウンロードするボタンがあります。ファイルはPHPWordで生成されます。 ChromeでそれがFirefoxで働いていないが：

JS：

var req = new XMLHttpRequest(); 
req.open("POST", "/vendor/gendocx.php", true); 
req.responseType = "blob"; 

req.onload = function (event) { 
    var blob = req.response; 
    console.log(blob.size); 
    console.log(blob); 
    var link=document.createElement('a'); 
    link.href=window.URL.createObjectURL(blob); 
    link.download="TEST_this out.docx"; 
    link.click(); 
}; 

req.send(content); 

PHP：

$filename = 'TEST_this out'; 

$objWriter = \PhpOffice\PhpWord\IOFactory::createWriter($phpword, 'Word2007'); 

header("Content-Description: File Transfer"); 
header('Content-Disposition: attachment; filename="' . $filename . '"'); 
header('Content-Type: application/vnd.openxmlformats-officedocument.wordprocessingml.document'); 
header('Content-Transfer-Encoding: binary'); 
header('Cache-Control: must-revalidate, post-check=0, pre-check=0'); 
header('Expires: 0'); 

$objWriter->save($filename); 
$objWriter->save("php://output"); 

exit; 

私はすでにこのサイト上の他のソリューションを試みたが、成功しませんでした。この問題で私を助けてくれることを願っています。

エラーメッセージはありません。これは私がそれを得たblob

Answer 1

の結果です。

明らかにFirefoxで私はdocument.body.appendChild(a)をdomに追加する必要があります。

req.onload = function (event) { 
    var blob = req.response; 
    console.log(blob.size); 
    console.log(blob); 
    var link=document.createElement('a'); 
    document.body.appendChild(link); 
    link.href=window.URL.createObjectURL(blob); 
    console.log(link.href); 
    link.download="TEST_this_out.docx"; 
    link.click(); 
    setTimeout(function(){ 
     document.body.removeChild(link); 
    }, 500) 
}; 

ご協力いただきありがとうございます。