[問題解法紀錄] electron 拖曳檔案取得路徑問題

現在 AI vibe coding 最常遇到的問題就是重大版本更新重大版本更新，在寫 electron 的時候發現拖曳的物件怎麼都是 undefind ，經過排查，發現在 v29 可以使用到了 v34 就失效了 摘要 本文將介紹為何在 Electron v32 之後，原先可用的 File.path 屬性不再可用，以及如何改用官方推薦的 webUtils.getPathForFile(file) 方法來取得拖放或檔案輸入所對應的本機檔案路徑。文章涵蓋歷史沿革、移除原因、安全考量，以及完整的示範程式碼，幫助你在 v34 中順利升級。 背景說明 在 Electron v29（及更早版本），開發者可以直接在渲染程序或預加載腳本中透過 file.path 來取得使用者拖放或透過 input type="file" 選取的檔案絕對路徑，這種做法曾大大簡化桌面端檔案操作的流程。 不過，隨著應用安全性需求提升，Electron 團隊自 v32 起即標記 File.path 為已棄用（Deprecated），並在 v34 中完全移除此屬性。 為何移除 File.path？ 非標準性：path 屬性並

問題解法紀錄 · 18 天前 · 118 人瀏覽過

[問題解法紀錄] 網頁英文驗證碼實作

　　因為在做專案需要用到類似驗證碼的東西，雖然只是輸入四個英文字母，卻在前端這塊卡關了... 問題 　　我希望使用者在點到輸入框的時候可以切換成英文輸入法（因為是四個英文字母），而不是把英文以外的字都替換成空字串。大概是像下面這樣： 畫面載入中... 可以觀察到如果不是英文輸入法會很不方便，所以我想找方法，如果可以點上去就自動換成英文輸入法呢？ 解決方法 　　原本以為可以有些 API 可以用，但很不幸的，唯一可以用的 ime-mode 只有 IE 跟火狐支援，所以這不是好方法。 　　所以要做到自動切輸入法要利用 input type=password 的特性 畫面載入中... 　　可以發現在 password 中，我們的輸入法被鎖定在英文。如果我們點擊輸入框時，將 focuse 定在 password 上，更改完輸入法，在回到原本的輸入框上，就可以做到自動改輸入法了。 畫面載入中... 不過這個也不是完美個方案，經過測試在某些瀏覽器的無痕模式下，離開 password 就會回到原本的輸入法了。如果想要鎖定輸入法就要做虛擬的輸入框了。 參考來源 解决chrome系浏览器ime-mod

問題解法紀錄 · 02-02 · 243 人瀏覽過

[問題解法紀錄] ifarme src為 data:text/html 時中的 "#" 字元

之前很喜歡用 HTML cafe 做簡單的 HTML 測試，但我覺得他輸入的底地方不好用，於是我打算自己用 Monaco Editor 實作自己的 HTML playground 可以在這裡玩玩看:D

問題解法紀錄 · 2024-07-14 · 255 人瀏覽過

[問題解法紀錄] Electron製作桌面小工具的幾個要素

之前有段時間在找各種可以做桌面小工具的方法，後來有發現 Rainmeter 這個工具，雖然他有自己完整的生態，但他的專案結構對我非常不友善，同時我也不熟 Lua 的開發所以其實我沒有使用這個工具做出自己喜歡的桌面小工具。 直到最近接觸到了 Electron 發現了新大陸。

問題解法紀錄·教學 · 2024-07-01 · 253 人瀏覽過
[問題解法紀錄] Electron製作桌面小工具的幾個要素

[問題解法紀錄] 網頁設計中文字與icon不在同一個水平面

在寫網頁的時候發現 icon 的位置和 demo 的不一樣，看起偏下，如下圖。

問題解法紀錄 · 2024-05-26 · 313 人瀏覽過
[問題解法紀錄] 網頁設計中文字與icon不在同一個水平面
2025 rlongdragon's blog. All Rights Reserved.
Theme Jasmine by Kent Liao