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

Question

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

Answer 1

浏览器通常在一个加密的、完全私有的区域中管理 localStorage 和 sessionStorage 变量，以便您的浏览体验尽可能安全（想象一下，如果您可以在某人访问您的网页时读取和写入文件！）。

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

至于保存之前下载的图片，见：

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

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

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

编辑：

至于复制到已知目录，您必须将文件发送回您的 http 服务器并从那里收集它们。如果您愿意，您可以使用 ajax，通过将数据转换为 base64，使您能够以 json 字符串发送数据（“未能对数据进行编码将导致错误”），并在服务器端使用 new Buffer(str ,"base64").toString("二进制")

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);