Question

我有一个用javascript编写的应用程序，允许用户将图像保存到他们的磁盘。这涉及node.js.如果我要求覆盖以前保存的图像，那么当我从操作系统收到我要覆盖文件的警告时，我会得到混合的结果。如果我尝试通过从保存文件对话框中选择旧图像来覆盖图像，则会提示警告。如果我通过简单输入相同的文件名来覆盖图像，它会覆盖图像，但不会发出任何警告。

node.js函数：

var fs = require('fs');
exports.buildFile = function(name, value) {
    if (name.search(/\.[a-z]+/) == -1) {
        name = name + ".png";
    }
    var img = new Buffer(value, encoding='base64');
    fs.writeFile(name, img, function(err) {
        if(err) {
            console.log(err);
        } else {
            console.log("The file was saved!");
        }
    });
};

只检查用户是否指定了文件类型，如果没有，则附加.png并写入磁盘。

前端：

var global_imageToSave = null;
function screen_shot(fn) {
    global_currModel.menuShouldHide = true;
    global_currModel.setTextDeletables(false,true);

    html2canvas($('body'), {
        onrendered: function(canvas) {
        global_imageToSave = canvas.toDataURL("image/png").split(',')[1];
        global_currModel.menuShouldHide = false;
        global_currModel.draw();
        sc.buildFile(fn, global_imageToSave);
      }
    });
}

使用html2canvas拍摄一个屏幕截图，然后传递该数据，并从html对话框中收到文件名。

HTML Dialog onchange事件：

$('[id^="model_sales_asset"]').live("pagecreate", function() {
    $(this).find('.fileDialog').change(function() {screen_shot($('.fileDialog').val());});
});

正如您所看到的那样，在调用操作系统以保存文件之前会附加文件类型，因此只有在通过选择文件自动输入文件名时，我才能找出它与文件名匹配的原因。

此行为在Windows 7和8以及mac os 10.7上都是一致的。

Answer 1

问题不在于名称，而是我相信的文件。 html2canvas和普通文件上传之间的编码不同。我认为OS在一种情况下检测文件的修订，在另一种情况下检测完全不同的文件。

最好的建议是自己进行检测，这是正确的方法。检查文件是否存在然后吐出警告。否则，您将使用不同的系统和插件获得不同的结果。

使用node.js保存图像时覆盖文件警告

1 个答案: