GALLERY代码笔记

从完全不会到离完成只差一点只需要两晚

哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
上面这句是心情好的时候最想说的一句话。

本来只是觉得插件带的相册长得丑,想稍微改一改。仔细一看吓一跳,插件竟然用的flash上传,难怪长得丑。好吧,那就重写一个吧。

9.2凌晨在北京机场开始看aliyun oss api,一头雾水完全不懂。
9.3凌晨不顾困意打算直接用aliyun官方的SDK,感觉还不错。
9.3晚上+9.4凌晨:发现不用flash用只用html写很方便的上传插件并不容易,还好有google大法好,百度再不好好打土豪就要挂了-_-#!!
首先找到了不使用服务器中专用户直接上传到oss的方法,后来又找到使用html5多选文件上传的方法,感觉世界真美好。(引用的文章资料在本文末尾)
把两个东西做了优化,并整合到一起。

好了,我要睡觉了,明天有时间继续更新代码,顺便背几位pi不知道大生物学家背到第几位了哈哈哈!

感谢阿里云开发者论坛开发者irecoffee(参考其文章 用PHP操作OSS学习笔记)和 张鑫旭 (参考其文章 基于HTML5的可预览多图片Ajax上传 并使用部分原代码)。

/----------------------------2015-09-04_update-----------------/
国产小型插件仍然不靠谱!!!
非常感谢上面提到的两位大牛,但是第二位的插件还是有坑,虽然已经比较好了。

我走上了一条不归路 %>_<% ,越要求完美越复杂越要找更好的,重新看API,重新copy代码,重新重写!!!!
上传文件功能不知道还要多久才能做好。。

/----------------------------2015-09-05-01:56_update-----------------/
暴力改造jquery_upload_files之后,终于上传功能比较完善了,甚至可用性超过了wordpress自带上传工具。

不错不错,继续努力!!

/----------------------------2015-09-07-03:27_update-----------------/
昨晚除了装win10什么都没干。

今天整个博客的构架在脑中清晰起来,也学会了不少东西,写了不少代码,而且是自己认为比较优质的代码。
估计很快就可以看到相册雏形了。

/----------------------------2015-09-08-02:34_update-----------------/
重压之下容易高产,比重压更高产的是想要高产的时候。
看到大牛写的代码如此巧妙完全睡不着啊,好好学习!!

面向对象好神奇!

/----------------------------2015-09-11-00:34_update-----------------/
英语阅读方式十分不友好!!!!!!!!!!!!

新开一贴(about gallery)

好了我坦白从开始研究上传插件就是为了做相册功能集成到博客,因为现在用的插件相册实在是太lowwwwww了。。。

到现在为止,功能已经完成哈哈~~

不过bug还是有的,是图片上传到阿里云oss脚本部分。不知道是我脚本写的有问题还是aliyunOSS的问题,bug很难重现,刚刚好容易把bug又爆出来了(其实我也不知道是怎么出来的),然后扔了个工单给阿里云准备睡觉去了,阿里云工程师不知道会不会像以前遇到的大神们一样,看到我的一段bug代码非常无语,就是这样:
“我靠这孩子这种问题还来问我,明明就是他自己写错了什么什么什么。。。”
如果是这样,阿里工单客服们辛苦了!!!

不过万一确实是阿里云系统bug,我帮他发现问题阿里云会不会奖励我很多money啊!!!哈哈想想就高兴。

这帖子可不是我开来吐槽用的,这帖代表着相册功能开发从一头雾水毫无头绪一团乱麻到现在基本思路正确只需要添砖加瓦~~~嗯,我离大神们的水平还差好远!!!

嗯,这篇也算是学习笔记吧!

终于把这个相册做出来了我很高兴!!!!!

“哈………………………………”

遇到高兴的事第一句话就是上面这句。

相册就是右上导航栏的点点滴滴

/**
凡人们这些话你是看不见的对不对哈哈哈哈
这些话只有程序员才看得见对不对哈哈哈哈
相册看起来很简单,而且功能还没有完全实现
下面我来介绍一下隐藏在相册背后的故事
相册图传全部使用aliyun-oss储存,并且使用阿里云CDN加速,相册在全国各地打开速度基本一致
只要不出上传错误,照片直接储存到阿里云oss空间,不在服务器保留任何副本,让图片更加安全,丢失几率只有阿里云声称的十亿分之一

下面是缺点:
1.我太懒了,还没做照片删除功能,包括数据库记录删除和照片图床删除,所以一旦上传想删掉就来找我把哈哈~~~
2.我太懒了,还没把相册整合进博客,发文章上传图片暂时使用博客自带flash插件,在不支持flash的设备体验非常不好
3.我太懒了,还没有做编辑照片以及显示照片详细EXIF信息功能。
4.我太懒了,移动端体验不是是很好
5.我太懒了,相册在正常情况下只有登陆用户才可创建相册并上传照片
6.我太懒了,再加上技术不完善,可能存在注入攻击漏洞,因此第五条并不准确!!!大神们悠着点

下个版本优先改进第二条,必须要把万恶的flash清出博客!!!!

在更新相册版本之前,要把博客模板改动一下,现在看起来不是很漂亮啊~~~

**/

这是关于相册制作的最后一篇学习笔记,以后更新相册版本来这文章更新。

Tag: none

20 comments

  1. 绿玻璃 绿玻璃

    不明觉厉。。(我终于看到相册有变化了一直看说有各种改进巴拉巴拉完全没感觉到任何变化。。。

    1. moon moon

      @绿玻璃:今天晚上刚刚把源码传到服务器~

  2. moon moon

    ....我竟然觉得我找到了刚好的建站系统,,,,又要换了吗啊啊啊啊啊啊啊啊啊

    1. CIN CIN

      @moon:2333极简风欢迎你,你干脆变为裸奔风算了。。。

  3. moon moon

    好了,,,问题解决了,原因是上传的object不符合命名规范,可是我翻遍aliyun-oss文档,没有找到写着object命名规则不能有"%"啊!!!!!

    1. CIN CIN

      @moon:这应该是命名规范的问题。。。要看js的object的命名规范,请回炉重造。。。谁让你用"%"了。。。命名直接小驼峰英文不就行了。。。你还是跟着新来的实习生们一起回炉重造吧=。=

      1. moon moon

        @CIN:上传的文件命名,肯定要用随机字串+时间戳,,,,小驼峰肯定是不行的哈哈~~师傅教的这点东西还没忘呢

        1. CIN CIN

          @moon:乖徒弟,叫一声师傅大人听听。

      2. moon moon

        @CIN:我只是用了一个emlog一个生成随机字符串的函数,,,然后控制不输出特殊字符就好了!!!(-。-)

  4. CIN CIN

    看你这么折腾花了这么多时间,我还是继续用我的笨办法设计我的个站吧,我觉得我总是脑洞大开做一些另类的个站或者说是博客=。= 然后数据库就不麻烦你了,我去玩玩看xml吧,但我好想今天睡一天TVT

  5. d0zingcat d0zingcat

    居然把footer的鸣谢删掉了,至少得给个“Power by Wordpress(copyright)原谅我打不出那个符号。。)”嘛。之前也有做过类似的东西,感觉jquery的上传是UI最友好功能最强大的。(PS,坐在机场把这个博客逛遍了,露出一脸sodie四内的表情~旁边的小朋友正在问她奶奶骗子是什么,顿时觉得这个世界还是很美好的)

    1. moon moon

      @d0zingcat:here is not powered by wordpress.....
      emlog程序,而且代码被我爆改了就不放©了,我相信emlog的大神们宽宏大量(☆_☆)

      1. d0zingcat d0zingcat

        @moon:搜了下顿觉emlog好高端果然我太 low都没听过。原谅我还是要主动承认错误,是power“ed” by xxx,这个错了好久了。不过我还是继续玩我的Github Pages吧

        1. moon moon

          @d0zingcat:你的Github Pages不走梯子都看不了~~

        2. CIN CIN

          @d0zingcat:你让我这个不用模板只想自己玩的孩子怎么活Q.Q

Leave a new comment