火狐浏览器无法下载文件

Question

我写了这段代码，在谷歌浏览器和欧朋浏览器上运行得很完美，但在火狐浏览器上却不起作用。

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

有什么问题吗？请指导我。

- newbie

---

大部分都已被弃用，大多数浏览器现在支持事件构造函数。 - adeneo

你需要将保存元素附加到body上。 - Voonic

顺便提一下，要触发下载，您只需要执行 save.onclick(); 就可以了。 - adeneo

Answer 1

这应该可以工作（我通过查看FileSaver.js代码找到了解决方法）：

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

主要问题在于需要在Firefox中使用MouseEvent类型的事件，而不是Event。这段代码也适用于Chrome。

- CpnCrunch