一：html代碼

<input id="upload_image" type="file" accept="image/*" capture="camera"onchange="upload(‘#upload_image‘, ‘#preview_image‘);"/>
                               
<img id="preview_image" src="" style="width:80%;text-align:center;">

二：js代碼

//照片
var photo = null

//上傳圖片
function upload(upload_id, preview_id) {
    
 
var $upload = document.querySelector(upload_id),
        $preview = document.querySelector(preview_id),
        file = $upload.files[0],
        reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function (e) {
        //獲取照片
        photo = e.target.result
        $preview.setAttribute(
 
"src", photo);
    };
};

上傳圖片：直接把photo上傳即可，photo保存了圖片的base64編碼。

js上傳圖片並預覽