廢話不多說(shuō)，直接貼代碼

    <input type="file" id="postFild" name="userfile" onchange="fileSelected(this);"  />

     function fileSelected(userfile) {
        uploadFile(userfile);
    }
    function uploadFile(userfile) {
        var fd = new FormData();
        fd.append("userfile",userfile.files[0]);//文件追到到FormData
        var xhr = new XMLHttpRequest();
        xhr.upload.addEventListener("progress", uploadProgress, false);
        xhr.addEventListener("load", uploadComplete, false);
        xhr.addEventListener("error", uploadFailed, false);
        xhr.addEventListener("abort", uploadCanceled, false);
        xhr.open("POST", "文件上傳地址");
        xhr.send(fd);
    }

    //圖片上傳進(jìn)度
    function uploadProgress(evt) {
        if (evt.lengthComputable) {
            var percentComplete = Math.round(evt.loaded * 100 / evt.total);
            console.log(percentComplete)
        }else {
        }
    }
    
    //圖片上傳完成
    function uploadComplete(evt) {
        var json = eval('(' + evt.target.responseText + ')');
       //圖片上傳完成服務(wù)器相應(yīng)
        console.log(json)
    }

    function uploadFailed(evt) {
        alert("上傳失敗");
    }

    function uploadCanceled(evt) {
        // alert("已經(jīng)取消上傳");
    }