本地上傳JSON文件是HTML5技術的一項重要功能。在WEB開發中，我們經常需要向服務器傳輸JSON格式的數據，而上傳JSON文件就是其中一種方式。通過HTML5，我們可以實現在客戶端本地進行JSON文件的上傳。下面我們看一下如何實現。

<label for="jsonFile">選擇JSON文件：</label>
<input type="file" name="jsonFile" id="jsonFile"/>

在HTML中，通過<input type="file">元素即可實現文件的上傳功能。通過設置type屬性為"file"，可以讓瀏覽器顯示文件選擇框。同時，設置name屬性為"jsonFile"，使得在提交表單時可以通過name值獲取到上傳的文件；設置id屬性為"jsonFile"，則方便后面在JavaScript中獲取DOM對象。

function handleFileSelect() {
const files = document.getElementById('jsonFile').files;
const file = files[0];
const reader = new FileReader();
reader.readAsText(file);
reader.onload = event =>{
const jsonStr = event.target.result;
const jsonObj = JSON.parse(jsonStr);
// do something with jsonObj
}
}
document.getElementById('jsonFile').addEventListener('change', handleFileSelect, false);

在JavaScript中，通過FileReader API讀取選擇的文件。首先獲取到<input type="file">元素的files屬性，得到上傳的文件。然后創建FileReader對象，并調用readAsText()方法讀取文件內容。在load事件中，通過JSON.parse()方法把JSON字符串轉換為JavaScript對象，然后就可以對JSON對象進行操作了。

綜上所述，HTML5提供了本地上傳JSON文件的API，通過<input type="file">元素和FileReader API，我們可以很方便地實現這一功能。在WEB開發中，使用JSON進行數據通信已經成為一種趨勢，掌握JSON文件上傳的技術將大有裨益。