HTML JS上傳圖片代碼 上傳圖片是現在網站開發中十分常見的功能。要實現這個功能，就需要用到HTML和JS。 首先，在HTML代碼中，需要添加一個文件上傳的input標簽，其中type屬性設置為file。這個input標簽的name屬性可以隨意設置，但在后臺接受數據時需要注意。上傳時需要使用form標簽來包含這個input標簽。代碼如下：

接下來，在JS代碼中，給這個input標簽綁定一個change事件，當用戶選擇了要上傳的文件后就會觸發這個事件。在事件處理函數中，需要獲取到選中的文件，并將它上傳到服務器。 具體實現步驟如下：

let input = document.getElementById('image');
input.addEventListener('change', () =>{
let file = input.files[0];
let formData = new FormData();
formData.append('image', file);
let xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');
xhr.send(formData);
});

其中，input.files屬性可以獲取到選中的文件，文件數據需要使用FormData對象來封裝，并通過XMLHttpRequest對象發送到服務器。 上面的代碼還需要配合后臺代碼來完成圖片上傳的功能，但這篇文章的重點是前端代碼，因此不再贅述。 總之，通過HTML和JS代碼的配合，實現了簡單的圖片上傳功能。將這個功能加入到自己的網站開發中，會極大地增加用戶的體驗和網站的豐富性。