GSpace http://blog.deepgully.com gully's space Wed, 04 Apr 2012 05:25:29 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 GAE Photos V1.02 发布了 http://blog.deepgully.com/gae-photos-v1-02-released/ http://blog.deepgully.com/gae-photos-v1-02-released/#comments Wed, 04 Apr 2012 05:24:01 +0000 gully http://blog.deepgully.com/?p=85 GAEPhotos V1.02 更新: 1. 支持 ATOM feed. 2. 支持匿名评论.(默认关闭) 3. 增加图片详细信息. 4. 支持相册备份, 你现在可以下载整个相册了. 5. 修复了一些bugs. 下载地址: http://code.google.com/p/gaephotos/downloads/list 项目地址: http://code.google.com/p/gaephotos/ Demo地址: http://gaephotos.deepgully.com]]>

GAEPhotos V1.02 更新:
1. 支持 ATOM feed.
2. 支持匿名评论.(默认关闭)
3. 增加图片详细信息.
4. 支持相册备份, 你现在可以下载整个相册了.
5. 修复了一些bugs.

下载地址: http://code.google.com/p/gaephotos/downloads/list
项目地址: http://code.google.com/p/gaephotos/
Demo地址: http://gaephotos.deepgully.com

]]> http://blog.deepgully.com/gae-photos-v1-02-released/feed/ 4 GAEPhotos V1.01 发布了 http://blog.deepgully.com/gaephotos_v1_01_released/ http://blog.deepgully.com/gaephotos_v1_01_released/#comments Thu, 16 Feb 2012 11:43:06 +0000 gully http://blog.deepgully.com/?p=86 下载地址: http://code.google.com/p/gaephotos/downloads/list 或 https://github.com/deepgully/GAEPhotos/downloads 演示地址: http://gaephotos.deepgully.com V1.01更新: 基于GAE新计费政策优化. 使用 Blobstore 代替 Datastore , 免费空间增加到5G. 使用 Python27 和 HRD(High Replication Database) . 支持水印.(默认关) 防盗链支持. (默认关) 默认屏蔽所有搜索引擎, 如需要请自行更改 robots.txt. 用GAEPhotos建立你自己的网络相册: 创建 GAE Python HRD 程序, HRD 是必须的. 从 http://code.google.com/p/gaephotos/downloads/list 下载最新版本的GAEPhotos. 解压到本地目录. 更改 app.yaml 文件的第一行: application: gaephotos2 改成 application: xxxxxx     xxxxxx 是你的GAE app id. 运行 update.bat. (确认 appcfg.py 在你的系统Path) 完成! 访问xxxxxx.appspot.com, [...]]]>

下载地址: http://code.google.com/p/gaephotos/downloads/list 或 https://github.com/deepgully/GAEPhotos/downloads

演示地址: http://gaephotos.deepgully.com

V1.01更新:

  1. 基于GAE新计费政策优化.
  2. 使用 Blobstore 代替 Datastore , 免费空间增加到5G.
  3. 使用 Python27 和 HRD(High Replication Database) .
  4. 支持水印.(默认关)
  5. 防盗链支持. (默认关)
  6. 默认屏蔽所有搜索引擎, 如需要请自行更改 robots.txt.

用GAEPhotos建立你自己的网络相册:

  1. 创建 GAE Python HRD 程序, HRD 是必须的.
  2. 从 http://code.google.com/p/gaephotos/downloads/list 下载最新版本的GAEPhotos.
  3. 解压到本地目录.
  4. 更改 app.yaml 文件的第一行:
    5. application: gaephotos2
改成  application: xxxxxx    
xxxxxx 是你的GAE app id.
  5. 运行 update.bat. (确认 appcfg.py 在你的系统Path)
  6. 完成!
  7. 访问xxxxxx.appspot.com, 上传图片.

PS. 中国大陆用户有两种方法可访问Appspot:

 

]]> http://blog.deepgully.com/gaephotos_v1_01_released/feed/ 1 GAEPhotos V0.4 发布了 http://blog.deepgully.com/gaephotos-v04-released/ http://blog.deepgully.com/gaephotos-v04-released/#comments Thu, 23 Dec 2010 03:24:47 +0000 gully http://blog.deepgully.com/?p=73 下载地址: http://code.google.com/p/gaephotos/downloads/list 演示地址: http://gaephotos.deepgully.com 支持拖拽上传. 优化cache, 最高达80%的性能提升. 增加计划任务(corn task)和代码缓存. 修复相册管理中的javascript bug. Update 2011-7-6: 更新到V0.42, 解决appspot.com被GFW的问题. http://code.google.com/p/gaephotos/issues/detail?id=7]]>

下载地址: http://code.google.com/p/gaephotos/downloads/list

演示地址: http://gaephotos.deepgully.com

  1. 支持拖拽上传.
  2. 优化cache, 最高达80%的性能提升.
  3. 增加计划任务(corn task)和代码缓存.
  4. 修复相册管理中的javascript bug.

Update 2011-7-6: 更新到V0.42, 解决appspot.com被GFW的问题. http://code.google.com/p/gaephotos/issues/detail?id=7

]]> http://blog.deepgully.com/gaephotos-v04-released/feed/ 3 javascript实现拖拽多文件上传(支持firefox/chrome) http://blog.deepgully.com/drag_and_drop_upload/ http://blog.deepgully.com/drag_and_drop_upload/#comments Fri, 17 Dec 2010 13:46:21 +0000 gully http://blog.deepgully.com/?p=50 利用DragAndDrop事件实现拖拽处理,利用FileReader和XMLHttpRequest实现多文件读取和上传,还可以监控上传进度. 1. 实现拖拽主要是利用了dragenter,dragover,dragleave和drop这几个事件. var ddupload = ddupload || function(){};   container = document.getElementsByName("album"); savedBackColor = container.style.backgroundColor; container.addEventListener("dragenter", function(event){     event.stopPropagation();event.preventDefault();  //跳过浏览器的默认处理     container.style.backgroundColor = "red"; }, false); container.addEventListener("dragover", function(event){ //理论上不需要处理这个事件,但实际上不行,否则浏览器还是会调用默认事件     event.stopPropagation();event.preventDefault();     container.style.backgroundColor = "red"; }, false); container.addEventListener("dragleave", function(event){     event.stopPropagation();event.preventDefault();     container.style.backgroundColor = savedBackColor; }, false); container.addEventListener("drop", [...]]]>

利用DragAndDrop事件实现拖拽处理,利用FileReader和XMLHttpRequest实现多文件读取和上传,还可以监控上传进度.

1. 实现拖拽主要是利用了dragenter,dragover,dragleave和drop这几个事件.

var ddupload = ddupload || function(){};  

container = document.getElementsByName("album");
savedBackColor = container.style.backgroundColor;
container.addEventListener("dragenter", function(event){
    event.stopPropagation();event.preventDefault();  //跳过浏览器的默认处理
    container.style.backgroundColor = "red";
}, false);
container.addEventListener("dragover", function(event){
//理论上不需要处理这个事件,但实际上不行,否则浏览器还是会调用默认事件
    event.stopPropagation();event.preventDefault();
    container.style.backgroundColor = "red";
}, false);
container.addEventListener("dragleave", function(event){
    event.stopPropagation();event.preventDefault();
    container.style.backgroundColor = savedBackColor;
}, false);
container.addEventListener("drop", function(event){
    event.stopPropagation();event.preventDefault();
    container.style.backgroundColor = savedBackColor;
    //drop事件,在这里处理拖进来的文件
        // files = event.dataTransfer.files; 可以得到文件列表
        ddupload.processdroppedfile(event);
}, false);

2. 通过FileReader读取文件内容, 请参考 http://developer.mozilla.org/en/DOM/FileReader
例子中是读取并显示图片

ddupload.filelimit = 8*1024*1024;
ddupload.filetypes = "jpg,png,gif,jpeg",
ddupload.processdroppedfile = function (event) {
    var files = event.dataTransfer.files;  //得到文件列表
    for (var i = 0; i < files.length; i++) {
        if(files[i].size < ddupload.filelimit) {
            var  file = files[i];
            /* check file ext */
            filename = file.name.split('.');
            ext = filename[filename.length-1];

            if ( ddupload.filetypes.indexOf(ext) >= 0 )
            {
                localreader = new FileReader();
                localreader.file = file;
                localreader.onload = function(event){
                     //文件读取完成的回调函数, 可以在这里处理上传
                     f = event.target.file; //得到文件对象
                     data = event.target.result; //得到文件内容(raw binary data )
                     //上传文件内容
                     ddupload.processXHR(f, data);
                };
                localreader.readAsBinaryString(file);
        }
        else {
            alert("file size exceed!");
        } /*end if*/
    } /*end for*/
};

3. 接下来终于到上传文件了, 利用XMLHttpRequest,
请参考 http://developer.mozilla.org/cn/XMLHttpRequest

//这个是状态回调函数,详细内容请看MDC的文档
ddupload.on_XHR_state_change_handler = function(xhr, evt) {
    if (xhr.readyState == 4) {
        if(xhr.status == 200) {
            //上传成功
        } else {
            //失败处理  :(
        }
    }
};

ddupload.processXHR = function (file, bin) {
    var xhr = new XMLHttpRequest(),
         xhrupload = xhr.upload;

        xhrupload.addEventListener("progress", function(event) {
            if (event.lengthComputable) {
                var percentage = Math.round((event.loaded * 100) / event.total);
                //处理上传进度
            }
        }, false);

    xhr.onreadystatechange = function (evt) {
        evt.file = file;
        ddupload.on_XHR_state_change_handler(xhr, evt);
    };
    xhr.open("POST", "http://localhost/upload/"); //指定POST的URL
    xhr.overrideMimeType('text/plain; charset=x-user-defined-binary');
    xhr.setRequestHeader('Content-Disposition',
                                  "{'filename':file.name}");  //附带一些自定义数据
    if(xhr.sendAsBinary) xhr.sendAsBinary(bin);  //firefox支持sendAsBinary
    else xhr.send(file);  //chrome(8.0.552.215 beta) 只支持send
};

下面是完整的包
ddupload.zip

使用方法:
1. 实现处理函数

<script src='ddupload.js'></script>
<script type='text/javascript'>
var postdata_handler = function(file, container)
{   /* post data in 'Content-Disposition' */
    return '{"albumid":"'+ container.id +'","filename":"'+file.name+'"}';
};
var loadedhandler = function(reader_event, container)
{   /* handler on local file loaded */
    console.log(reader_event.target.file.name);
};
var progresshandler = function(file, percentage, container)
{   /* handler on upload progress */
    console.log(percentage);
};
var onupload_success_handler = function(xhr, evt, container)
{   /* handler on success upload(status = 200) */
     console.log(xhr.responseText);
};
var onupload_success_handler = function(xhr, evt, container)
{   /* handler on failed upload(status != 200) */
    console.log(xhr.responseText);
};

window.onload = function(evt) {  //绑定onload
            ddupload.setup('dragtohere', { //这里是ddupload的配置
                    filetypes : "jpg,png,gif,jpeg",
                    filelimit : 8*1024*1024,
                    posturl : "http://localhost:8080/admin/uploadv2/",
                    postdata_handler : postdata_handler,
                    loadedhandler : loadedhandler,
                    progresshandler : progresshandler,
                    onupload_success_handler : onupload_success_handler,
                    onupload_failed_handler: onupload_failed_handler,
                    });
};
</script>

2. html代码

<style type='text/css'>
#dragtohere {
width:152px;
height: 152px;
margin: 20px auto;
border:2pt solid black;
}
</style>

<div id='display-area'>
<h2>Drag and Drop Upload Sample</h2>
<div id='dragtohere'>Drag and Drop to here</div>
<div id='progressbar'></div>
<div id='result'></div>
</div>
]]> http://blog.deepgully.com/drag_and_drop_upload/feed/ 0 嵌套的dict按对象方式操作 http://blog.deepgully.com/dict_convert_to_struct/ http://blog.deepgully.com/dict_convert_to_struct/#comments Fri, 17 Dec 2010 11:14:00 +0000 gully http://blog.deepgully.com/?p=41 直接上代码: class Struct(object):     def __init__(self, d):         self.__dict__ = d         def dict_to_struct(d):     if isinstance(d, (list, tuple)): return map(dict_to_struct, d)     elif not isinstance(d, dict): return d     return Struct(dict((k, dict_to_struct(v)) for (k,v) in d.iteritems())) d = {'a': 1,  'b': {'c': 2},   [...]]]>

直接上代码:

class Struct(object):
    def __init__(self, d):
        self.__dict__ = d
       
def dict_to_struct(d):
    if isinstance(d, (list, tuple)): return map(dict_to_struct, d)
    elif not isinstance(d, dict): return d
    return Struct(dict((k, dict_to_struct(v)) for (k,v) in d.iteritems()))

d = {'a': 1,  'b': {'c': 2},  
     'd': [ [{'s':'s',  'l': [{"ss":"ss"},1]},],
            {'foo': "bar"}],
     }

x = dict_to_struct(d)
print(x.a)
print(x.b.c)
print(x.d[1].foo)

print(x.d[0][0].s)
print(x.d[0][0].l[0].ss)

x.d[0][0].l[0].ss = "CCC"
print(x.d[0][0].l[0].ss)
]]> http://blog.deepgully.com/dict_convert_to_struct/feed/ 0 GAE Appspot.com貌似解封了 http://blog.deepgully.com/appspot_status/ http://blog.deepgully.com/appspot_status/#comments Mon, 13 Dec 2010 08:09:29 +0000 gully http://blog.deepgully.com/?p=35 RT 测试   http://gaephotos.appspot.com Update: 2010-10-13  正常]]>

RT

测试   http://gaephotos.appspot.com

Update:

2010-10-13  正常

]]> http://blog.deepgully.com/appspot_status/feed/ 0 GAEPhotos v0.3发布了 http://blog.deepgully.com/gaephotos_v03/ http://blog.deepgully.com/gaephotos_v03/#comments Fri, 10 Dec 2010 17:47:33 +0000 gully http://blog.deepgully.com/gaephotos-v0-3%e5%8f%91%e5%b8%83%e4%ba%86/ 下载地址:  http://code.google.com/p/gaephotos/downloads/list 演示地址: http://gaephotos.deepgully.com 突破GAE的1M文件限制,可以上传超过1M的图片了,最大到8M. 增加批量移动文件和删除文件的支持. 修复了相册不能删除和空相册不能保存信息的bug. 修复了上传文件中断导致相片列表不可用的bug.]]>

下载地址:  http://code.google.com/p/gaephotos/downloads/list

演示地址: http://gaephotos.deepgully.com

  1. 突破GAE的1M文件限制,可以上传超过1M的图片了,最大到8M.
  2. 增加批量移动文件和删除文件的支持.
  3. 修复了相册不能删除和空相册不能保存信息的bug.
  4. 修复了上传文件中断导致相片列表不可用的bug.
]]> http://blog.deepgully.com/gaephotos_v03/feed/ 0 建立你自己的网络相册,基于GAEPhotos http://blog.deepgully.com/create_web_photo_album/ http://blog.deepgully.com/create_web_photo_album/#comments Fri, 10 Dec 2010 16:21:46 +0000 gully http://blog.deepgully.com/?p=9 很多网络相册都有各种各样的限制, 比如什么容量,流量,外链,活跃程度啊这些乱七八糟的, 还有更恶心的网站给你的图片加上广告, 为什么不建立你自己完全控制的网络相册呢? GAEPhotos是基于免费的Google GAE平台的一款网络相册程序,可以简单,快捷地建立你自己的网络相册,没有任何烦人的限制. 演示地址:  http://gaephotos.deepgully.com 安装 Google App Engine SDK for Python 申请GAE帐号. https://appengine.google.com/ 建立GAE Application, https://appengine.google.com/start/createapp, 记住你申请的application ID, 假设你的ID是abcdfe 下载GAEPhotos:  https://code.google.com/p/gaephotos/downloads/list 解压之后用记事本打开 app.yaml, 把第一行  application: gaephotos 中的 gaephotos改成你刚才申请的application ID 运行update.bat, 按提示输入你的GAE帐号和密码(密码输入时不会显示’*'). 访问http://abcdfe.appspot.com, 建立相册后就可以上传照片了.(如果出现问题,请等待服务器创建DB indexes, 可以在GAE控制面板中看到状态,可能需要几分钟到一两天) 如果发现问题或者有建议请到 https://code.google.com/p/gaephotos/issues/list 提出. PS: GAE的免费帐号是1G空间,每天1GBytes的流量限制,单个图片的限制是1M, 如果你觉得不够用还可以向google按需购买. PSS:  V0.3版本突破GAE的1M文件限制,可以上传最大到8M的图片了.]]>

很多网络相册都有各种各样的限制, 比如什么容量,流量,外链,活跃程度啊这些乱七八糟的, 还有更恶心的网站给你的图片加上广告, 为什么不建立你自己完全控制的网络相册呢? GAEPhotos是基于免费的Google GAE平台的一款网络相册程序,可以简单,快捷地建立你自己的网络相册,没有任何烦人的限制.

演示地址:  http://gaephotos.deepgully.com

  1. 安装 Google App Engine SDK for Python
  2. 申请GAE帐号. https://appengine.google.com/
  3. 建立GAE Application, https://appengine.google.com/start/createapp, 记住你申请的application ID, 假设你的ID是abcdfe
  4. 下载GAEPhotos:  https://code.google.com/p/gaephotos/downloads/list
  5. 解压之后用记事本打开 app.yaml, 把第一行  application: gaephotos 中的 gaephotos改成你刚才申请的application ID
  6. 运行update.bat, 按提示输入你的GAE帐号和密码(密码输入时不会显示’*').
  7. 访问http://abcdfe.appspot.com, 建立相册后就可以上传照片了.(如果出现问题,请等待服务器创建DB indexes, 可以在GAE控制面板中看到状态,可能需要几分钟到一两天)
  8. 如果发现问题或者有建议请到 https://code.google.com/p/gaephotos/issues/list 提出.

PS: GAE的免费帐号是1G空间,每天1GBytes的流量限制,单个图片的限制是1M, 如果你觉得不够用还可以向google按需购买.

PSS:  V0.3版本突破GAE的1M文件限制,可以上传最大到8M的图片了.

]]> http://blog.deepgully.com/create_web_photo_album/feed/ 0