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

Question

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

Answer 1

浏览器通常在加密的、完全私有(private)的区域中管理 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);