如何将图像从 SimpleHTTPServer 存储到我的计算机?

How to store an image to my computer from SimpleHTTPServer?

我正在使用 SimpleHTTPServer 在本地提供目录和 运行 和 html 代码。在那里,我使用 getusermedia api 拍了一些照片。如果我使用js localstorage来存储图片,那么它们到底存储在哪里呢?如何将它们复制到已知目录?

浏览器通常在加密的、完全私密的区域中管理 localStorage 和 sessionStorage 变量,以便您的浏览体验尽可能安全(想象一下,如果您可以在别人访问您的网页时读写他们的文件!!) .

您不能在客户不知情的情况下将图像复制到客户计算机或从客户计算机复制图像。但是,您可以在服务器端自动下载。

关于保存以前下载的图像,请参阅:

How to save an image to localStorage and display it on the next page?

但是,请注意,最大存储空间 space 通常是有上限的,不同浏览器及其相关环境的大小差异很大。

我自己的测试表明 Chromium 默认仅支持 10x 5mb 文件。

编辑:

至于复制到已知目录,您必须将文件发送回您的 http 服务器并从那里收集它们。如果愿意,您可以使用 ajax,将数据转换为 base64,使您能够以 json 字符串 ('failure to encode the data will results in errors') 发送数据,并使用新缓冲区在服务器端收集(str,"base64").toString("binary")

var http = require('http'),
cluster = require('cluster'),
path = require('path')
url = require('url')
util = require('util')

function posthandler(request,response){
    if(request.url=="/image_streamer"){
         var datum = [];
         request.on('data',function(d){datum.push(d);});
         request.on('end',function(){
             datum = JSON.parse(datum.join("").toString('utf8'));
             datum.image = new Buffer(datum.image,"base64");
             // datum.image NOW POINTS TO A BINARY BUFFER :) HAPPY DAYS.
         });
    }
}

var server = http.createServer(function(request,response){
    switch(request.method){
         case: "GET":{} break;
         case: "POST":{posthandler(request,response);} break;
    };
}).listen(8080);