AJAXing图像并处理它的数据

时间:2013-04-18 10:47:29

标签: javascript ajax image

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编码版本的情况下显示图像? 我不想使用图像对象加载图像,也不想将网址直接放入图像标记中,我的目的是找到一种方法将图像编码为我可以保存的格式localstorage,然后使用javascript显示。

任何想法的人?

1 个答案:

答案 0 :(得分:2)

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允许仅保存String值。因此,您必须将图像“转换”为文本并将其“转换回”以用于当前用例。猜猜看,base64是最好的解决方案。