- Apr 09 Fri 2021 16:44
-
test
- Aug 23 Fri 2019 11:26
-
控制箱懸臂組件首選 - 雅比斯國際
- Feb 19 Tue 2019 10:03
-
超好用【鋼鐵材料】資料庫分享就在【俊益鋼鐵官網】
俊益鋼鐵提供完整的鋼材供快速查詢，含各國標準、材料規格號碼、材質記號、化學成份、機械性質等：
如: 快削鋼、機械構造用碳鋼、機械構造用鉻鉬鋼、機械構造用鎳鉻鉬鋼、保證硬化能構造用鋼(H鋼)...等等, 都能在這資料庫找到
如: 快削鋼、機械構造用碳鋼、機械構造用鉻鉬鋼、機械構造用鎳鉻鉬鋼、保證硬化能構造用鋼(H鋼)...等等, 都能在這資料庫找到
- Jun 02 Tue 2015 14:31
-
PHP 上傳圖片後預覽, 不需寫檔
上傳圖檔後不想寫檔可直接預覽圖片
程式碼如下:
<?php
if($_SERVER['REQUEST_METHOD'] === 'POST') {
if( $_FILES['photo']['error'] != '4' ) { // 檢查有沒上傳圖檔
$file = $_FILES['photo']['tmp_name'] ;
$fp = fopen($file, 'r');
$rawDataSS1 = fread($fp, filesize($file));
fclose($fp);
$_SESSION['sessionImg'] = $encodedSS1Data = base64_encode($rawDataSS1); // 將檔案邊碼(base64)後放入SESSION
}
}
?>
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<title>DL部落 - 上傳圖片後預覽, 不需寫檔</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<?php
if( isset($_SESSION['sessionImg']) && $_SESSION['sessionImg'] != '' ) { // 檢查SESSION有沒有值
echo '<img src="data:image/;base64,'.$_SESSION['sessionImg'].'">' ; // 顯示圖檔
}
?>
<form enctype="multipart/form-data" method="POST">
<input type="file" name="photo">
<button type="submit">上傳</button>
</form>
</body>
</html>
程式碼如下:
<?php
if($_SERVER['REQUEST_METHOD'] === 'POST') {
if( $_FILES['photo']['error'] != '4' ) { // 檢查有沒上傳圖檔
$file = $_FILES['photo']['tmp_name'] ;
$fp = fopen($file, 'r');
$rawDataSS1 = fread($fp, filesize($file));
fclose($fp);
$_SESSION['sessionImg'] = $encodedSS1Data = base64_encode($rawDataSS1); // 將檔案邊碼(base64)後放入SESSION
}
}
?>
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<title>DL部落 - 上傳圖片後預覽, 不需寫檔</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<?php
if( isset($_SESSION['sessionImg']) && $_SESSION['sessionImg'] != '' ) { // 檢查SESSION有沒有值
echo '<img src="data:image/;base64,'.$_SESSION['sessionImg'].'">' ; // 顯示圖檔
}
?>
<form enctype="multipart/form-data" method="POST">
<input type="file" name="photo">
<button type="submit">上傳</button>
</form>
</body>
</html>
- Mar 31 Tue 2015 11:16
-
jquery scroll
使用jquery scroll的目的主要是不想使用錨點, 所以就自己來寫一段程式碼吧~
點擊一物件後, scroll到指定物件上
$(selected_A).click(function(){
$('html, body').animate({
scrollTop: $(selected_B).offset().top
}, 500);
}) ;
點擊一物件後, scroll到指定物件上
$(selected_A).click(function(){
$('html, body').animate({
scrollTop: $(selected_B).offset().top
}, 500);
}) ;
- Dec 16 Tue 2014 15:12
-
HTML5 LocalStorage Object
註: 本文範例是臨時兜出來的, 如有Bug 再麻煩告之, 日後有修正專案會同步更新本文章
HTML5 LocalStorage 是個很方便的技術, 可以把資料存在客戶端, 一個網站通常很多頁面都會用到, 在多人開發或者是臨時維護他人程式, 這時 Key 的名稱如果取不好很容易把其他的 key(等同value) 給蓋掉, 所以我會把該頁網址當成key, 此時又會碰到另一個問題, 如果我一頁要存很多資料時怎辦, 此時就會衍生出下面的做法來解決這樣的問題
步驟一. 先貼上這段 Obj
var LS = {
createNew : function(pageKey) {
var ls = {} ;
// 通常 引入 pageKey = 網址( javascript: location.pathname )
ls.key = pageKey;
// get localStorage by key. if key is empty, auto getAll.
ls.getStorage = function(key){
var tmp = window.localStorage[pageKey] ;
if( typeof(tmp) === 'undefined' ) {
return 'getStorage - localStorage not fount.' ;
} else {
tmp = JSON.parse(tmp) ;
if( !key ) {
return tmp ;
} else if( typeof(tmp[key]) === 'undefined' ) {
return 'localStorage[key] not fount.' ;
} else {
return tmp[key] ;
}
}
};
ls.setStorage = function(key, val) {
var tmp = window.localStorage[pageKey] ;
if( typeof(tmp) === 'undefined' ) {
var tmpObj = {} ;
} else {
var tmpObj = JSON.parse(tmp) ;
}
tmpObj[key] = val ;
window.localStorage[pageKey] = JSON.stringify(tmpObj);
} ;
return ls;
}
} ;
HTML5 LocalStorage 是個很方便的技術, 可以把資料存在客戶端, 一個網站通常很多頁面都會用到, 在多人開發或者是臨時維護他人程式, 這時 Key 的名稱如果取不好很容易把其他的 key(等同value) 給蓋掉, 所以我會把該頁網址當成key, 此時又會碰到另一個問題, 如果我一頁要存很多資料時怎辦, 此時就會衍生出下面的做法來解決這樣的問題
步驟一. 先貼上這段 Obj
var LS = {
createNew : function(pageKey) {
var ls = {} ;
// 通常 引入 pageKey = 網址( javascript: location.pathname )
ls.key = pageKey;
// get localStorage by key. if key is empty, auto getAll.
ls.getStorage = function(key){
var tmp = window.localStorage[pageKey] ;
if( typeof(tmp) === 'undefined' ) {
return 'getStorage - localStorage not fount.' ;
} else {
tmp = JSON.parse(tmp) ;
if( !key ) {
return tmp ;
} else if( typeof(tmp[key]) === 'undefined' ) {
return 'localStorage[key] not fount.' ;
} else {
return tmp[key] ;
}
}
};
ls.setStorage = function(key, val) {
var tmp = window.localStorage[pageKey] ;
if( typeof(tmp) === 'undefined' ) {
var tmpObj = {} ;
} else {
var tmpObj = JSON.parse(tmp) ;
}
tmpObj[key] = val ;
window.localStorage[pageKey] = JSON.stringify(tmpObj);
} ;
return ls;
}
} ;
- Dec 15 Mon 2014 16:30
-
javascript, 正規 陣列, 正規 Array, 等同 PHP str_replace()
用慣了PHP str_replace之後, 來到javascript 卻發現沒有類似的function, 也GOOGLE不到類似的中文文件, 只好硬著頭皮用英文搜尋看看, 果不其然證明小弟的keyWord還是有用的, 以下是網路上的範例加以修改後的版本, 請參考。
將下列設為廣域object
將下列設為廣域object
- Dec 10 Wed 2014 14:43
-
MySQL - REPLACE INTO V.S. INSERT INTO
暫未研究
- Oct 29 Wed 2014 09:53
-
.htaccess 問題集
一網址為www.domain.com, 現在要將沒www的轉向有www的網址要如何實作 ?
意旨: 將 domain.com 轉向 www.domain.com。
Options -Indexes
RewriteEngine On
RewriteCond %{HTTP_HOST} ^domain.com$ [NC]
RewriteRule ^(.*)$ https://www.domain.com/$1 [L,R=301]
當開發一網站時不免有「正式機」與「測試機」, 而測試機的資料往往是正式機移轉下來的, 不幸的是google又收錄你的測試機, 使用者怎麼會知道哪一個網站才是真的, 又偏偏在「測試機」上做了購物流程, 這時候就好笑了...為了避免這樣的情況, 先不要移除測試機的空間, 而是在他底下的 .htaccess 做修正, 將所有進到測試機的link, 一律轉到正式機上。
Options -Indexes
RewriteEngine On
RewriteCond %{HTTP_HOST} ^test.domain.com$ [NC]
RewriteRule ^(.*)$ https://www.domain.com/$1 [L,R=301]
- Oct 28 Tue 2014 11:00
-
Zend Framwork 實作多 Module (使用Zend Tools)
- Oct 08 Wed 2014 15:01
-
zend framework, 子域(subdomain)對應到指定controller/action
- Oct 08 Wed 2014 10:44
-
win7, 在本機(localhost)使用 virtualhosts
作業系統: Win7
其他: 本文章使用 WampServer 做為系統開發的主要軟件
step 1. 開啟 C:\wamp\bin\apache\apache2.2.22\conf\httpd.conf
其他: 本文章使用 WampServer 做為系統開發的主要軟件
step 1. 開啟 C:\wamp\bin\apache\apache2.2.22\conf\httpd.conf
