pCloud Partner Program

iOS設備上傳相片檔案型態與圖片方向問題

程式技術 2018/11/27 13:08
views: 45310 times
相片副檔名

之前在實作上傳圖檔活動時, 使用副檔名為 .jpg 的約束條件, 但發現在 iOS 設備選擇相片後, 無法成功通過驗證, 經實測後, 發現存在 iOS 相簿裡的 jpg 相片都是以 .jpeg 為副檔名, 所以在上傳時, 會無法通過副檔名驗證.

即使將 .jpg 圖檔存下在 iOS 設備裡的相簿, 也會被轉換檔名為 .jpeg 的副檔名, 這個狀況需要在實作上傳圖檔時需要特別留意.

相片方向

使用 iOS 設備拍照時, 存放檔案方式, 會以橫放方式存放 ( w > h ), 但直拍時, 一樣使用橫放方式存檔, 但是會有個 orientation 為轉向, 方向為 right-top (6), 也就會變成直向, 詳情可參考這裡的圖片與說明:

https://www.impulseadventure.com/photo/exif-orientation.html

所以若是 6 就可以利用順時鐘轉 90度回來正確的檢視.

相片方向在網頁上

另外有趣的現象是, 該圖在 PC / Mac 桌機, Android 手機時, 直接放在 web 連接, 會是正常的轉向出來, 但放在 html 裡使用 img src 的方式, 則會無法轉向, 不過 iOS 設備在 html img src 引用時, 仍能正常轉向.

測試與重製

使用一張 iOS 拍照, 但縮小保留 EXIF 轉向資訊圖片供測試參考:

https://codepen.io/timhuang/full/ZmmQjy/

在 iOS 設備上可以正常轉向, 但其他不然, 但又是直接連結也是可以成功轉向的, 第三個部分則是使用了 images.weserv.nl 服務, 它會將原來的圖檔轉正, 並將轉向改為正向方向, 也就能解決這個問題. 這個服務的介紹可以參考: https://diary.tw/tim/1186
top
TAG android, iOS, MacOS, pc

Flickr收費與免費權益下修

WebTrend 2018/11/02 12:05
views: 42511 times
身為老用家, 來寫篇紀念吧.

剛要找自己的圖來做 demo, 結果 flickr 首頁公告了:

"Flickr Pro is better than ever. For only $49.99 per year, get unlimited storage, ad-free browsing, advanced stats, an unmatched community, and more.

Free accounts will soon be limited to 1,000 photos or videos. Flickr isn’t Flickr without the contributions and participation of our free members, and we remain committed to a vibrant free offering.

If you are a free member with more than 1,000 photos or videos, you will have ample time to upgrade to Pro (for 30% off your first year) or download your photos and videos.* Read more about this decision. "

簡單說, 付費無限空間, 免費只能剩 1000張或影片, 看起來免費的權益大受影響, 也應該會衝擊大量的用戶出走吧. 這個用很久了的優質相簿網站, 就這樣, 慢慢地, 逝去了.

2019/2/5 起會實施刪檔, 有用到的朋友們, 記得快去下載.

之前 Yahoo 時期還沒這麼慘, 現在直接來刀大的, 真的要來好好找圖床了.

相關新聞:
https://technews.tw/2018/11/02/flickr-will-end-1tb-of-free-storage-and-limit-free-users-to-1000-photos/
https://www.cool3c.com/article/138930
top

我不贊成學寫程式

程式技術 2018/10/25 12:26
views: 39104 times
讀到這篇: https://gfamily.cwgv.com.tw/content/index/12938

雖然之前美國總統歐巴馬也做了 - https://www.ithome.com.tw/news/92882

也鼓勵了- https://www.bnext.com.tw/article/38622/BN-2016-02-01-070820-81

但學寫程式這件事並不是重點.

重點在於學會邏輯, 推理, 演繹, 科學, 至於寫程式, 也不過在於組合這些東西.

之前常在說, 未來是不需要人類來寫程式的, 寫程式的人, 是在寫"寫程式的機器人"的程式, 所以除非你對程式有高度熱忱, 有高度喜好, 否則這不是件好工作或好技術, 反而, 學會程式能做些什麼, 能幫助什麼, 能解決什麼才是重要的.

回到本質, 科學, 人文, 持續學習, 這才是重點, 寫程式是其中一種技能, 一種輔助, 未來你只需要指揮電腦, 只需要了解操作電腦, 寫程式, 其實沒那麼重要.

不過若你想學, 還是歡迎, 因為只要從中能讓你學得那怕是一點點的邏輯, 一點點的推理, 都是很棒的, 更能讓你知道, 寫程式不是萬能, 不是什麼都做得到, 我們需要的是累積經驗與傳承, 人類的學習與探索的精神與態度才是最重要的.

繼續閱讀:
新課綱「程式設計」,學邏輯解問題 - https://epaper.naer.edu.tw/index.php?edm_no=134&content_no=2672
國中必修,但國小資訊課卻消失於科技領綱的擔憂 - https://flipedu.parenting.com.tw/article/3850
不過就是寫程式嘛 https://diary.tw/tim/177



top

微軟技術捷運-創新科技的線上課程

程式技術 2018/10/12 09:49
views: 40837 times
微軟技術捷運-創新科技的線上課程

https://www.microsoft.com/taiwan/mstechmrt/

這裡提供了許多線上影音課程, 可供技術人員學習研究, 方便又快速的學速方式, 讓技術學習更容易. 共有: 人工智慧、物聯網、IT系統架構、DevOps、企業生產力等五條學習軌道, 大家可以挑選自己感興趣的軌道來學習.


top

[HTML]滿版介面

程式技術/Javascript 2018/10/05 15:43
views: 52457 times
在 web 上做滿版不要出捲軸的設計要如何進行? 主要是要配合 100vh 來操作. 不過由於實務上, 在行動設備下, 會遭遇瀏覽器在計算上方網址列的狀況不同, 如下:

1. iOS Safari 不含網址列
2. iOS Chrome 含網址列 (也就是全高)
3. Android Chrome 不含網址列

這樣的狀況, 所以若是使用 100vh 操作, 仍會有對應不良的困難, 所以建議改用 window.innerHeight 來取得實際的版高, 再來進行套用.

需要監聽的事件為 document ready, window resize, window orientationchange 三個地方, 而套用方式建議使用 css cssText 語法, 能較為準確的套用, 不會有指定高度時, 無法實現的狀況.

參考範例: https://codepen.io/timhuang/pen/pxbwLp

手機版直接測試: https://codepen.io/timhuang/full/pxbwLp/

另外簡單說明如下:

jq 取得 body margin-top 與 margin-bottom 會是 ?px 的文字, 使用 parseInt 可以轉回數字. 而 innerHeight 取得本來就已是數字. 而在原 css 中的 height: 100px!important, 是用來測試在 resizeFull function 中, 使用 css 套用, 亦可蓋過原 css 中的 height important.
top

PREV : [1] : [2] : [3] : [4] : [5] : [6] : [7] : [8] : [9] : ... [105] : NEXT



Patriot美商博帝 BURST 960G 2.5吋 SSD固態硬碟
TEAM十銓 L5 Lite 3D 1TB 2.5吋 SSD固態硬碟
統一 番茄汁(6入/組)
UNITEK TYPE-C 轉VGA/HDMI/PD充電/HUB 鋁合金多功能轉接器
亞果元素 CASA Hub VH1 Type-C 轉 VGA - HDMI二合一顯示轉接器


 Waiting...