這個答案：無法辦到，安全性因素。 沒用過還真沒注意到這個部分，以為可以用 JavaScript 把前處理的內容替換上後上傳。結果一用方法強制套上去就噴錯誤警告！ 這篇「How to set a value to a file input in HTML?」問答也滿不錯的。 想像一下如果 JavaSc …
分類彙整: 技術相關
[JavaScript] FileReader API 實作圖片預覽
前端實作表單如果有碰到需要上傳圖片幾乎都會有這需求：預覽。 作法有跟後端搭配，同步 AJAX 上傳後回傳連結套入預覽，或是今天這主題純前端搞定！ 使用 JavaScript FileReader API 要注意瀏覽器支援度，尤其是 IE.. ，不過整體來說支援度都還不錯。 HTML 結構： < …
[WooCommerce] 購物車一次只能下單一款商品的做法
聽起來是特例，也沒錯，就是特例ＸＤ 像是先前文章有提到的活動購票案例，按照 WooCommerce 購物流程結帳沒有多筆購票（訂單）細節可以填寫，而實作在商品中繼資料（meta）中又很複雜，但最麻煩還是錢的問題，多張票情況下有退款要怎拆？ 面對這樣的案例，二話不說直接選擇一次訂單一張票，大家退一步就 …
[WordPress] WooCommerce 根據重量計算運費
在台灣做線上購物網站大概可以說是最挑戰跟最能打開眼界了。 最常遇到的需求是他線下有什麼樣的執行規則，就想一點都不改地搬上網站。這次的案例也一樣，是一個做線下團購起家的點心業者，主要有兩個需求： 每日限量出貨。消費者需要能預定未來的某一天到貨，且該天業者出貨量不能太多。原因還算好理解，都純手工所以來不 …
[網站] 開發者的浪漫 – 科拿米秘技 Konami Code
標題這樣寫可能不一定有人知道是什麼，但如果說「上上下下左右左右BA」，就會瞬間「哦哦～我知道了。」 說起來也不是什麼新聞，早先有紅過一陣子，但昨天在找案例研究的時候去細讀別人寫的程式碼意外發現開發者有藏東西。 說實在，用註解藏已經不容易被發現了，而一個小活動頁他還用祕技方式藏，這不是開發者的浪漫是什 …
[WooCommerce] 程式開發時取出訂單資訊的方法整理
這篇文章是引用 How to Get Order Details by Order ID 這篇文中分享的方法。 因為實際應用情境經過測試發現預設的太完美，沒有針對例外處理判斷。我這邊 fork 過來後就修正一些問題，之後也是就這份自己維護了！ 其中也包含 wc_display_item_meta 這 …
[WordPress] 整合 WooCommerce 建置售票系統的架構
這篇文章是最近解決一個德國夥伴他網站需求的組合。雖然網站上的德文我都看不懂，但開發者都是用程式溝通的！（？） 根據他的描述與介紹，得知他這個網站的需求算是因為一場活動的需要而建立，而非想製作專業售票平台，需求相對簡單得多。 主要使用的外掛有： FooEvents WooCommerce WooCom …
[工具] 中文簡繁轉換開源工具 – OpenCC 開放中文轉換
其實現在如果搜尋「簡繁轉換工具」是可以找到一堆，尤其是用對照表去處理的。但如果想要有無限制 API 介接程式化並且可以做到字詞替換就幾乎沒有。 這套工具的緣由可以從這裡觀看，特點如下： 嚴格區分「一簡對多繁」和「一簡對多異」。 完全兼容異體字，可以實現動態替換。 嚴格審校一簡對多繁詞條，原則爲「能分 …
[DNS] 使用 Gandi LiveDNS 動態更新設定紀錄
DNS 是把 一個好記網域名稱 對應 難記IP位置 的服務（也還有其他對應服務）。通常主機IP位置不太會變，所以設定後除非換主機，不然紀錄也不太會換。 但是～ 如果伺服器IP位置會動態改變，又想要找到這台伺服器的時候怎辦？ 像是家裡沒有固定IP的電腦和 Raspberry Pi。雖然這舉例可能並非公 …
[Python] 執行環境與套件管理流程 – Pipenv
最近一有空就來學一點 Python，補充這接下來頗看好的語言工具知識！如果已經有學過幾套程式語言的話大部分人應該會先下手解決一個彈性問題：環境。 正如同 NodeJS 這套工具有 NPM 作為套件管理，而 Python 也一樣有不少很棒的套件可以呼叫，那..套件管理的作法或是工具？ Python 界 …