Excel文件是我們最常見的數據存儲格式之一,但在一些場景中需要將Excel轉換成JSON格式的數據。JSON格式的數據在前端開發中使用非常廣泛,常常作為前后端數據傳輸的標準格式。本文將介紹一款在線Excel轉JSON工具的使用方法以及相關代碼。
首先,我們需要使用到的工具是excel2json.io,這是一個在線的Excel轉JSON工具,具有使用簡單、方便快捷等特點。
下面我們來看下使用步驟:
Step 1:打開excel2json.io網站。
<a target="_blank">excel2json.io</a>
Step 2:點擊網站中心的 "Choose file" 按鈕,選擇要轉換的Excel文件。
<input type="file" id="excelFile" accept=".xls,.xlsx" />
Step 3:點擊 "Upload" 按鈕上傳文件。
$("#uploadBtn").click(function() {
var excelFile = document.getElementById("excelFile").files[0];
var excelReader = new FileReader();
excelReader.readAsDataURL(excelFile);
excelReader.onload = function(event) {
var result = event.target.result;
$("#excelPreview").attr("src", result);
$("#excelJson").val("");
}
});
Step 4:上傳成功后,頁面會顯示Excel文件的預覽,此時點擊 "Convert to JSON" 按鈕。
$("#convertBtn").click(function() {
var excelFile = document.getElementById("excelFile").files[0];
var headers = $("#headerRow").is(":checked");
var data = {
headers: headers,
file: excelFile
};
$.ajax({
url: "https://excel2json.io/upload",
method: "POST",
data: data,
processData: false,
contentType: false,
success: function(response) {
$("#excelJson").val(JSON.stringify(response));
},
error: function(jqXHR, textStatus, errorThrown) {
console.log("Error: " + textStatus + " - " + errorThrown);
}
});
});
Step 5:在 "JSON Output" 區域即可看到轉換后的JSON數據。
本文介紹了使用excel2json.io 在線Excel轉JSON工具的使用方法以及相關代碼,希望能夠幫助到大家。
下一篇css3 odd