[Bert's Implement] ImageBase64Convert 圖片與Base64編碼轉換器

【更新記錄】

※更新日期：07:29 2019/02/16

※更新內容：

‧限制圖片大小在1MB內

‧顯示花費的時間

----------------------------------------------------------------------------------

※更新日期：05:18 2019/02/14

※更新內容：

Solve the image.save 在 GDI+ 中發生泛型錯誤

‧加入wait form

‧Base64轉圖片後pictureBox顯示錯誤

----------------------------------------------------------------------------------

※更新日期：08:39 2019/02/12

※更新內容：

‧加入Base64字串轉成圖片並顯示

----------------------------------------------------------------------------------

【原始碼特點】

‧本軟體是一個WinForm 圖片與Base64編碼轉換器。

■功能介紹

‧Image convert to Base64 string.

‧Base64 string covert to Image.

‧normal Base64 string and Web use Base64 string.

■Knows issues

‧Base64字串轉換圖片, 圖片不正確

‧大於300KB的圖片轉換很慢

‧Base-64 字元陣列或字串的無效長度。

base64圖片工具介紹：

1.支援 PNG、GIF、JPG、BMP、ICO 格式。

2.將圖片轉換為Base64編碼，可以讓你很方便地在沒有上傳檔的條件下將圖片插入其它的網頁、編輯器中。
這對於一些小的圖片是極為方便的，因為你不需要再去尋找一個儲存圖片的地方。

3.假定建立的代碼為"data:image/jpeg;base64, ....."，那麼你只需要全部複製，然後在插入圖片的時候，
位址填寫這段代碼即可。

4.CSS中使用：background-image: url("data:image/png;base64,iVBORw0KGgo=...");

5.HTML中使用：<img src="data:image/png;base64,iVBORw0KGgo=..." />

6.圖片轉換Base64，無線開發、HTML5、CSS3必備的工具，CSS DataURI Base64 工具。

7.將圖片轉換成base64編碼的，在web網上一般用於小圖片上，不僅可以減少圖片的請求數量（集合到js、
css代碼中），還可以防止因為一些相對路徑等問題導致圖片404錯誤。

Download link

閱讀更多 »

[blogger設計] 保護網頁文章著作權(超連結偽裝術)

經由這篇 [blogger設計] 文字選取、文字複製及滑鼠右鍵鎖住

缺點在於，只能防範初階複製者（防君子不防小人，懂得程式技術背景的人仍有方法可破解），這只是簡單阻礙增加複製上的難度， 讓一般人放棄直接複製內容去使用的小技巧。

但這只是造成使用者的想分享的困擾，網路的本質本來就是資訊共享，如果我自己在網路搜尋到一篇實用的文章，卻發現無法複製文字內容， 那麼資訊不方便再利用或再創造，其實就只是孤芳自賞。

看了[教學]如何用語法保護網頁文章著作權__(3) 超連結偽裝術這篇文章

也想這樣做, 但GitHub的外連我看了實在有看沒有懂，無法使用在我的Blogger上有點遺憾。

從 CODEPEN 載入 JavaScript 檔案

CODEPEN 也是另一個方便管理程式碼片段的線上工具，假設我們要取得

https://codepen.io/bertchien/pen/dagEOg

這個 PEN 的 JavaScript 內容，則可以將網址列最後加上 .js 即可：

https://codepen.io/bertchien/pen/dagEOg.js

在 CODEPEN 輸出的 JavaScript，其 HTTP 回應的 Content-Type 是 text/javascript，是各瀏覽器可以接受的內容型態， 所以直接用來載入網頁基本上沒啥問題。

閱讀更多 »

[blogger設計] 文字選取、文字複製及滑鼠右鍵鎖住

使用google blog(即blogger)要如何讓blog的「右鍵功能」被取消呢？

在此介紹一下如何設定，至於您的Blogger是否要使用這樣的限制，請自行決定

1、從blogger管理後台，點擊「範本」→「編輯HTML」

2、找到""，並在""的「前面」加上下列語法:

直接複製的語法如下：

  <script type="text/javascript">
  		document.oncontextmenu = function(){return false;}
  		document.onselectstart = function(){return false;}
  		document.onmousedown = function(){return false;}
  </script>
  

3、按下儲存範本即可。

這僅是簡易防止網頁內容被複製的JavaScript語法(一般網頁設計也適用)， 當然這只是初步的做限制（防君子不防小人，懂得程式技術背景的人仍有方法可破解） ，這只是簡單阻礙增加複製上的難度，讓一般人放棄直接複製內容去使用的小技巧。

閱讀更多 »

[星座] 我的巨蟹星座代表花

哈哈, 查了2個網站都不同

巨蟹座:洋桔梗

幸運花:待霄草、百合

巨蟹座個性保守，溫柔含蓄，善於照顧別人，給人溫暖安全的感覺。但不擅於表達內心的感受，情緒比較敏感脆弱。

代表巨蟹座的星座花有百合、野薑花、氣重葛、洋桔梗、鐵線蓮、百子蓮、薰衣草等。

百合可帶給你敏感的心和豐富的想像力；野薑花具有居住的幸運因素；洋桔梗則會帶給你親切、敏銳和同情的心。

-----------------------------------------------------------------------------

　巨蟹座：山茶花
　　巨蟹座的人平时很沉稳，而且不管自己处于多么高的地位都会不耻下问，不会觉得像别人请教问题是很丢脸的事情。山茶花就能代表他们谦逊和真诚的心灵。

閱讀更多 »

[英文學習] 2019.02.13 Dialy English - Show someone the ropes 指導某人做事

This article is quoted form Show someone the ropes 教人做事的窍门

今日短語

英語單字“rope”的意思是“繩子”，包含這個單字的表達“show someone the ropes 給某人看繩子”的實際含義是“給某人傳授某項任務或工作的方法和竅門”。

據說，這個表達源自航海，每個新船員都要掌握繫船繩的正確方法，所以有經驗的船員則會“show them the ropes”。如今我們用“show someone the ropes”來比喻“給某人傳授門道”。我們還可以用“know the ropes”這個類似的說法形容某人“懂得做事的竅門”。

閱讀更多 »

[英文學習] 2019.02.12 Dialy English - 你想要牛排幾分熟?

This article is quoted from 中英物語

今日挑戰 - 請中翻英

你想要牛排幾分熟?

解答

How do you like your steak cooked?

閱讀更多 »

[C#] OpenFileDialog Filter 所有圖檔

OpenFileDialog ofd = new OpenFileDialog();
ofd.Filter = 
@"All Image Files|*.bmp;*.ico;*.gif;*.jpeg;*.jpg;*.png;*.tif;*.tiff|
Windows Bitmap(*.bmp)|*.bmp|Windows Icon(*.ico)|*.ico|
Graphics Interchange Format (*.gif)|(*.gif)|
JPEG File Interchange Format (*.jpg)|*.jpg;*.jpeg|
Portable Network Graphics (*.png)|*.png|
Tag Image File Format (*.tif)|*.tif;*.tiff";
if (ofd.ShowDialog() == DialogResult.OK)
{
    ...
}

閱讀更多 »