javascript - AJAXing 图像和处理它的数据

Question

jQuery.ajax({
  url: "http://img.bitpixels.com/getthumbnail?code=72853&size=200&url=http://www.facebook.com"}).done(function ( data ) {
        if( console && console.log ) {
            magically_display(data)
        }
    });

所以我已经到了 ajaxing 图像。现在我很困惑，是否可以在不从服务器获取 base64 编码版本的情况下显示图像？我不想使用图像对象来加载图像，也不想将 url 直接放入图像标签中，我这样做的目的是找到一种方法将图像编码为我可以保存的格式localstorage 和以后使用 javascript 显示。

有什么想法吗？

Answer 1

https://developer.mozilla.org/en-US/docs/DOM/Storage

interface Storage {
  readonly attribute unsigned long length;
  [IndexGetter] DOMString key(in unsigned long index);
  [NameGetter] DOMString getItem(in DOMString key);
  [NameSetter] void setItem(in DOMString key, in DOMString data);
  [NameDeleter] void removeItem(in DOMString key);
  void clear();
};

LocalStorage 允许只保存字符串值。因此，您必须将图像“转换”为文本并为当前用例“转换回”。猜猜，base64 是最好的解决方案。