javascript - 如何在HTML中自动下载并保存图片到指定文件夹？

Question

现在我已经完成了将图片保存到本地，但是浏览器保存到了默认文件夹，那么如何修改代码保存到指定文件夹呢？

function download(canvas,type) {                
    var imgdata = canvas.toDataURL(type);

    var fixtype = function (type) {
        type = type.toLocaleLowerCase().replace(/jpg/i, 'jpeg');
        var r = type.match(/png|jpeg|bmp|gif/)[0];
        return 'image/' + r;
    };

    imgdata = imgdata.replace(fixtype(type), 'image/octet-stream')

    var saveFile = function (data, filename) {
        var link = document.createElement('a');

        link.href = data;
        link.download = filename;

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

    saveImageCount++;

    var str = "" +saveImageCount;
    var pad = "0000";
    var ans = pad.substring(0, pad.length - str.length) + str;
    var filename = ans + '.' + type;

    saveFile(imgdata, filename);
}

Answer 1

每个浏览器中都有安全沙箱，javascript 上下文无法干扰。本地文件系统就是其中之一，因此无法强制将文件保存到自定义文件夹