javascript - 使用 JavaScript 应用程序将 JSON 文件保存到服务器

Question

我正在开发一个简单的 Javascript 应用程序，其中用户有一些图像(存储在我的机器中)，他可以对它们进行注释，然后将注释保存为 JSON 文件。

该应用程序非常轻量且简单，并且它不是应用程序服务器。但是，我需要将这些 JSON 文件保存到将充当服务器的计算机上。

由于我无法使用 Javascript 进行 IO，是否有任何简单且简单的方法可以保存这些文件而无需实现应用服务器？

我使用 Blob 下载文件。

function project_save_confirmed(input) {
    if ( input.project_name.value !== _onco_settings.project.name ) {
        project_set_name(input.project_name.value);
    }

    // onco project
    var _onco_project = { '_onco_settings': _onco_settings,
        '_onco_img_metadata': _onco_img_metadata,
        '_onco_attributes': _onco_attributes };

    var filename = input.project_name.value + '.json';
    var data_blob = new Blob( [JSON.stringify(_onco_project)],
        {type: 'text/json;charset=utf-8'});

    save_data_to_local_file(data_blob, filename);

    user_input_default_cancel_handler();
}
function save_data_to_local_file(data, filename) {
    var a      = document.createElement('a');
    a.href     = URL.createObjectURL(data);
    a.download = filename;
    a.click();
}

有什么建议吗？

亲切的问候!

Answer 1

复制粘贴自:Download JSON object as a file from browser

function downloadObjectAsJson(exportObj, exportName){
    var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(exportObj));
    var downloadAnchorNode = document.createElement('a');
    downloadAnchorNode.setAttribute("href",     dataStr);
    downloadAnchorNode.setAttribute("download", exportName + ".json");
    document.body.appendChild(downloadAnchorNode); // required for firefox
    downloadAnchorNode.click();
    downloadAnchorNode.remove();
}

我相信这可以实现您想要的，只需确保设置了正确的 header ，将其推送到 <a>标记，然后 click()它