sfufoet's blog

我素怀着激动的的心情来炫耀技术的。低科技爱好者请闪开。
其实，本文就素 抛弃 yupoo 上传扩展，用小书签上传图片的下文。
先来点花絮，晚上由于电压突然降低，一个 GreaseMonkey 脚本没了，重写。。又，不小心让我覆盖掉，再重写。真是惨～还有今天 yupoo 让我折腾惨了。我不断地测试，不断传那两张图片上去。哦也估计传了二十多次至少。
再送给半高科技半低科技爱好者，适合把一张网页图片传到 yupoo 的小书签一枚：
安装：
在书签栏新建一个书签
名称输入：Yupoo_This
地址输入：
javascript:(function(){function%20R(w){try{var%20d=w.document,j,i,t,T,N,b,r=1,C;for(j=0;t=["img"][j];++j){T=d.getElementsByTagName(t);for(i=T.length-1;(i+1)&&(N=T[i]);--i)if(j!=3||!R((C=N.contentWindow)?C:N.contentDocument.defaultView)){b=d.createElement("div");b.style.width=N.width;b.style.height=N.height;b.innerHTML="<a%20href=http://www.yupoo.com/photos/saveBookmarklet?ppu="+N.src+"><img%20border=0%20src="+N.src+"%20/></a>";N.parentNode.replaceChild(b,N);}}}catch(E){r=0}return%20r}R(self);var%20i,x;for(i=0;x=frames[i];++i)R(x)})()
用法：把小书签弄到书签上上，在目标页面使用它，然后点击你想传到 yupoo 的图片。再点击“上传照片”。此创意来自 Sein 的强烈要求。
下面开始史上最完美无敌，居地球旅火星必备的教程——把网页图片批量传到 Yupoo！
安装：
1、在书签栏新建一个书签
名称输入：UploadSelectedPic
地址输入：这个 txt 的内容。
2、安装自动点击“上传照片”的 GreaseMonkey 脚本
3、安装自动获得 yupoo 图片外链地址的 GreaseMonkey 脚本
用法用量：选中目标图片，然后使用 UploadSelectedPic 这个小书签。剩下的任务由那两个 GreaseMonkey 脚本全自动完成！自动传到 yupoo，自动获得代码，你只需要耐心地等待。在添加 tag 页面，我没有做自动保存，因为图片已经在 yupoo 上了，你爱加 tag 就加，不喜欢，直接获得代码后就关闭它。
基本原理很简单，获得选择的图片地址，用 iframe 框架 yupoo 的上传地址。
最终效果如下：

这两个 GM 脚本，也适合配合上面的 Yupoo_This 使用。
完！

今天早上，Sein 大叔向我抱怨，说我介绍的获取 XPath 的小书签没用。我无语地举了两个反例之后，他突然转移话题 + 发现新大陆的说：
sein: 我看到那个 gif 里
你有长长的一串 js。。。
sfufoet: ？
sein: 你演示的 gif
sfufoet: 我去看看
哪个框框有 js？
sein: js 列表
sfufoet: 说我的书签列表啊
晕。
冰山一角
sein:打包，分享。。
然后我在 ff 的书签管理器里找半天，找不到导出某一分支的选项。非常 Orz。我知道他基本上不看小众，所以，他一定错过了我那篇小书签的文章：Bookmarklet - 小书签，实用浏览器小工具补完
把文章丢给他，中午过后：
sein: 这里 http://www.chedong.com/blog/archives/000828.html 有个发送当前页面中的图到 flickr 的 js
yupoo 有这功能吗
sfufoet: 我看看
呃。亏了，当时写文章的时候，我怎么没注意那个 flickr。
搜索了一下，发现一句“此扩展调用 Yupoo 的 bookmarklet 接口在线收藏图片到 Yupoo。”看来 yupoo 自家有接口。
哪里去找接口呢？嘿嘿，把 Yupoo 官方提供的上传插件弄下来，看源代码不就知道了。
一阵铿铿锵锵的折腾之后，把接口嫁接到 Flickr 的上传 js 里，诞生了两个伟大的，牛叉的，赛潘安 + 西施的，居地球旅火星必备的，上传网页图片到 Yupoo 的 [...]