[JavaScript] 將 CSV 檔案轉換成 JSON 資料

我們在拿到客戶提供的資料的時候常常會拿到 excel 檔案(這算幸福的)
至少我們可以簡單的利用一些軟體轉成 csv丟進資料庫裡處理。如果搭配個後端 API 基本上資料都不會是太大的問題可以做成 JSON 供 JavaScript 使用,但是如果在沒有後端或是資料庫的環境中呢?


首先我們先把 csv 檔案放到 server上 利用 $.get() 取得內容,接著將內容String 丟進我們待會會用到的 csvJSON 外掛 function 中。就會取得 JSON
但是這個時候的 JSON 還是 String 的形態所以還無法被解析,我們再加個 JSON.parse() 就可以拿到整個 JSON 物件摟!


function 來源:
https://gist.github.com/iwek/7154578

簡單實做css圖片裁切

當我們在做開放給很多人可以上傳圖片的平台時,例如部落格 相簿 商城等平台。常常會遇到一個困擾:遇到不會修圖的會員,圖檔規格都很奇怪導致索引頁面跑版
像這樣:
這個時候其實我們只要做一下小小的css設定就可以矯正這個問題:
1.建立一個div把圖片包起來:

<div class=img>

<img src=\"圖片路徑\" width=\"鎖定寬度\" />

</div>

2.設定css內容 重點是要設定overflow=hidden

.img{
width:100px;
height:100px;
overflow:hidden;
}

這樣的做法,圖片本身不會受到影響,但是多餘的部分就會被隱藏起來。
 

這樣就會整齊一點啦!不過上傳時的圖片預先裁切才是要先做好的功課喔!

留言

這個網誌中的熱門文章

利用 google MAP API 取得座標之間的距離

JavaScript 將 Array 和 Object 轉成 JSON

讓 PHP 接收 post 的 json 資料