如果需要用 JavaScript 來做 base64 的編解碼的話,那麼就可以試試 jQuery plugin base64 套件。它可跟 PHP 相互的使用編解碼的功能。
套件名稱:jQuery plugin base64
套件版本:1.0
作者網站:http://hpyer.cn/codes/jquery-plugin-base64-encode-and-decode
套件網址:http://plugins.jquery.com/project/base64-encode-and-decode
發佈日期:2008-09-08
檔案大小:76.6 KB
檔案下載:jquery.base64.js
參數說明:
檢視原始碼 JavaScript
1 2 3 | input(必填) 描述: 要編/解碼的內容 預設值: 無 |
方法說明:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 | // 把 input 進行 base64 編碼 $.base64.encode(input); // 把 input 進行 base64 解碼 $.base64.decode(input); // 是否使用 unicode 字 $.base64.is_unicode= false/true; |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.base64.js"></script> <script type="text/javascript"> $(function(){ // 使用 unicode 字 $.base64.is_unicode = true; // 編碼 $('#encode').click(function(){ $('#output').val($.base64.encode($('#source').val())); }); // 解碼 $('#decode').click(function(){ $('#source').val($.base64.decode($('#output').val())); }); }); </script> <body> <textarea id="source" rows="4" cols="30"></textarea> <br /> <input type="button" value="encode" id="encode" /> <input type="button" value="decode" id="decode" /> <br /> <textarea id="output" rows="4" cols="30"></textarea> </body> |
您好, 我想在前端將圖片轉成base64, 試了一下, 仍不能執行, 請問錯在哪呢 ?
$.base64.is_unicode = true;
$.get('img3.jpg', function(data) {
var img = $.base64.encode(data)
theImg = 'data:image/jpg;base64,' + img;
$('#the-img').attr('src', theImg);
})
唔...你這樣只是把 img3.jpg 字串轉成 base64吧...XD