HTML5作為一項新一代的網頁開發技術，為網頁上傳圖片操作提供了方便、快捷的方法。使用HTML5上傳圖片，可以實現在不刷新頁面的情況下實時顯示圖片，帶來更好的用戶體驗。下面是上傳圖片的HTML5源代碼：

<input type="file" accept="image/*" onchange="loadFile(event)">
<img id="output" width="200" />
<script>
var loadFile = function(event) {
var output = document.getElementById('output');
output.src = URL.createObjectURL(event.target.files[0]);
};
</script>

上面的代碼中，<input>標簽用于選擇圖片文件，accept屬性指定上傳的圖片類型，onchange屬性指定觸發函數。<img>標簽用于顯示上傳的圖片，id屬性為“output”用來與JavaScript代碼關聯。<script>標簽中的代碼用于加載圖片，并將加載后的圖片顯示在<img>標簽中。具體實現方式是使用URL.createObjectURL()方法創建一個URL，在<img>中指定該URL作為src屬性即可。

以上是使用HTML5上傳圖片的簡單源代碼，值得注意的是，HTML5上傳圖片并不是兼容所有的瀏覽器，不同瀏覽器之間可能存在差異，為了更好的兼容性，建議使用專業的第三方上傳插件，如FineUploader等。