编码下载功能

Question

当尝试使用DICOM (医学图像) encode函数下载一组JavaScript坐标时。但是，当我们按下将处理保存事件的按钮时，它会打开一个"Save：“窗口，要求我们保存文件，但是当我们按下" save ”时，它会说：

失败-没有文件

有关该问题的更多描述性信息，图像如下：

​

​

我们使用的是来自CORS (允许-控制-允许-起源)插件的Google Chrome，它可能意味着函数的错误行为。只是对这个问题的一个想法。

这是请求代码：

function download(data, name, type) {
    var link = document.createElement("a");
    var url = new Blob([JSON.stringify({a: '1'}, null, 4)], {type: type});

    link.setAttribute( 'href', url );
    link.setAttribute( 'download', name );

    var event = document.createEvent( 'MouseEvents' );
    event.initMouseEvent( 'click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
    link.dispatchEvent( event );
}

版本说明

• Google Chrome (v. 63.0.3239.132)
• 允许-控制-允许-起源(1.0.3节)
• macOS塞拉利昂(诉10.12.6)

Answer 1

使用URL#createObjectURL

​

function download(data, name, type) {
    var url = URL.createObjectURL(new Blob([JSON.stringify({a: '1'}, null, 4)], {type: type}));

    link.setAttribute( 'href', url );
    link.setAttribute( 'download', name );
}

download('data', 'name', 'text/plain');

<a id="link">download</a>

​