WordPress, display a jpg, it is source code of “The cheapest dual trace scope in the galaxy DIY made by ATtiny45″


http://wp.me/ph3BR-sZ

 

為了喝牛奶, 需要養牛? 不必, 但是懂得養牛跟跑去養牛是不一定相關連的. 事緣為了記錄電池的充放電特性, 想抄一個現成的工具, 再來修修改改學習,

“The cheapest dual trace scope in the galaxy DIY made by ATtiny45″
這個源碼出自比利時的作者, 應該很舊沒有活動, 原文如下
http://yveslebrac.blogspot.com/2008/10/cheapest-dual-trace-scope-in-galaxy.html

this is my replication and working demo
http://www.youtube.com/watch?v=Y29Kxow-4uU

可是源碼供下載的地方斷了, 只有PC HOST 的 C# SOURCE CODE 可以下載, 還有就是那個 PNG SCHEMATIC, 其他都缺少….問了好幾個論壇, 終於得到了答案,

卻是同時引發了一個新的問號 ? 到底人家是如何在論壇上顯示一張圖片, 下載回來卻是實在的含有一個 ZIP 檔案呢 ? 如過俺也可以, 就可以直接把源碼包含在 wordpress 的記錄裡面, 方便閱讀與整理. 於是照樣劃葫蘆, 搜尋了GOOGLE, 了解 HOW-TO 以後, 實驗過, 部份論壇會截除這樣檔案, 只能下載圖片而已, 內包的 ZIP 會被自動除去. 部份卻是沒有問題. 那看看俺用的 WordPress 有沒有這個功能, google 到的資料顯示的 blogpost 確定可以, 因為搜尋到的資料就有.

其實就是直接把 jpg + zip 包含在一起, 用的是 DOS 年代的指令 copy /b 或 linux 的 cat

Microsoft windows 或 DOS 就用以下的指令,

 copy /b my.jpg + my.zip out.jpg
 

這個指令的解釋如下 –
把 my.jpg 看成一串資料 (舉例, 如 “12345″)
把 my.zip 看成第二串資料 (舉例, 如 “67890″)
忠實並完整地使用 copy /b 這個指令, 把兩串資料接起來成為 “1234567890″, 存為檔案 out.jpg
最後就是貼圖放到網站供下載, 用戶把 out.jpg 下載回來, 並且改名為 out.zip, 以 Winzip 之類的軟件就會直打開接跳過內含的 my.jpg 的那段資料, 給你顯示需要的 my.zip

題外話, wordpress 內, 想要在文章裡突顯如上面的 source code, 今日找到方法
http://en.support.wordpress.com/code/posting-source-code/

 
 your source code here1...
 your source code here2...
 [ /sourcecode]
 註,最後的一句, [ /sourcecode], 因為要在此顯示, 需特意在 "[" 與 "/sourcecode]" 之間加上空格, 實際上要去除這空格
 

所以, 俺現在會養這個牛, 也在文中可以清晰看到需要的指令, 看看哪個牧場可放牧, 需要放奶牛還是放黃牛而已, 下面先試放俺要的這頭奶牛, 共有兩個例子如下, 上傳的圖片是同一個, 都串接了 rar 壓縮檔的一個 png 圖片檔,

下面這張png, 是用 ScribeFire 上傳的 USB_scope_rar.png
存檔後得到純粹的 png, 串接的 source code 應該在上傳時就被截去了, 所以存檔大小約 10K
https://xiaolaba.files.wordpress.com/2012/04/usb_scope_rar1.png

而這下面的一張圖, 直接用 wordpress 網上編輯上傳 USB_scope_rar.png
png + source code 完整且可下載恢復 source code 的 rar
存檔大小約299K, 把 USB_scope_rar.png 改名並去掉 .png, 得到 USB_scope.rar, 解開後就看到源碼, 成功!

https://xiaolaba.files.wordpress.com/2012/04/usb_scope_rar2.png
https://xiaolaba.files.wordpress.com/2012/04/usbscope_rar.png

這是解開得到源碼的畫面, 源碼包括從不同來源收集的全部, 包括原作者網頁下載的 PC 端 C# 源碼, 還有 Clive68000 轉送給的 ATtiny45 的 FIRMWARE 源碼, 但是他們都出自原作者.

https://xiaolaba.files.wordpress.com/2012/04/neo_img_png_rar_recovery.jpg

最後面的殺青工作, 麵包板搭好了棚架, USB 連接好, 不需要任何驅動程式, USB DEVICE 就找到了
https://xiaolaba.files.wordpress.com/2012/04/neo_img_usb_scope_after_plugin.jpghttps://xiaolaba.files.wordpress.com/2012/04/neo_img_usb_scope_before_plugin.jpg

這個是俺搭的棚架, ATTiny45 的第六腳沒接 LED 和電阻, 一樣正常工作. 第二腳第三腳隨便接 VR, 實驗用途, 旨在驗證 PC 端的軟件及這個 [示波器硬件] 溝通整常.
https://xiaolaba.files.wordpress.com/2012/04/neo_img_dscn7586.jpg

今日的電子功課順利完成, 共耗時間約3個小時, 因為找尋 SOIC8 轉 DIP8 的 PCB (找不到), 又要做紙的 PCB, 找照相機, 找編程器, 找找找找找…….找了半天都….找不到……實際裝配試機, 寫報告, 大約半小時.

ref :

GOOGLE 搜尋關鍵字以下, 說的都是相同的方法, 如何在一個 jpg png 等圖片內包含一個 zip 或 rar 壓縮檔,
include image zip file, include png image zip file, image zip file include

這個仁兄的BLOG, 比較詳細描述原理和問題

Improved PNG and ZIP merging
http://blog.sam.liddicott.com/2011/08/improved-png-and-zip-merging.html

pdf and zip in google blogger
http://blog.sam.liddicott.com/2011/08/pdf-and-zip-in-google-blogger.html

http://wiki.linuxquestions.org/wiki/Embedazipfileintoanimage

http://lifehacker.com/software/privacy/geek-to-live–hide-data-in-files-with-easy-steganography-tools-230915.php

http://www.wikihow.com/Store-a-Rar-or-Zip-in-an-Image-File

http://www.online-tech-tips.com/computer-tips/hide-file-in-picture/

http://www.guidingtech.com/2241/hide-files-inside-jpeg-gif-png-images/

http://entropymine.com/jason/tweakpng/

這個是啟發俺了解這個方法和提供源碼網友 (clive68000)
http://global.hkepc.com/forum/viewthread.php?tid=1776052&page=1&extra=#pid27244108

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s