文件下载不工作在Firefox [英] File download not working on firefox

问题描述

我已经写了这段代码，它在Google Chrome和Opera上工作完美，但在Firefox上无法使用。

  function onSaveJPG （url，n）{
 var save = document.createElement（'a'）; 
 save.href = url; 
 save.target ='_blank'; 
 save.download ='Image no'+ n +'。jpeg'||网址; 
 var event = document.createEvent（'Event'）; 
 event.initEvent（'click'，true，true）; 
 save.dispatchEvent（event）; 
（window.URL || window.webkitURL）.revokeObjectURL（save.href）; 
} 
  

有什么问题？请指导我。

解决方案

这应该是正常的（我通过查看FileSaver.js代码来找出它）：

  function onSaveJPG（url，n）{
 var save = document.createElement（'a'）; 
 save.href = url; 
 save.download ='Image no'+ n +'。jpeg'||网址; 
 var event = document.createEvent（MouseEvents）; 
 event.initMouseEvent（
click，true，false，window，0，0，0，0，0 
，false，false，false，false，0，null 
）; 
 save.dispatchEvent（event）; 
} 
  

（主要的问题是您需要使用MouseEvent类型的事件为Firefox而不是一个事件，这段代码也可以在Chrome上使用）。

I have written this piece of code which is working perfect on Google Chrome and Opera but not working on Firefox

function onSaveJPG(url,n){
    var save = document.createElement('a');
    save.href = url;
    save.target = '_blank';
    save.download = 'Image no '+n+'.jpeg' || url;
    var event = document.createEvent('Event');
    event.initEvent('click', true, true);
    save.dispatchEvent(event);
    (window.URL || window.webkitURL).revokeObjectURL(save.href);
}

What is wrong? please guide me.

解决方案

This should work (I figured it out by looking through the FileSaver.js code):

function onSaveJPG(url,n){
    var save = document.createElement('a');
    save.href = url;
    save.download = 'Image no '+n+'.jpeg' || url;
    var event = document.createEvent("MouseEvents");
        event.initMouseEvent(
                "click", true, false, window, 0, 0, 0, 0, 0
                , false, false, false, false, 0, null
        );
    save.dispatchEvent(event);
}

(the main problem is that you need to use a MouseEvent type event for firefox rather than an Event. This code will also work on Chrome).

这篇关于文件下载不工作在Firefox的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！