FormData上傳文件（input file）

<div>
    <input type="file" name="FileUpload" id="FileUpload" value="上傳文件" />
    <a onclick="uploadFile()">提交</a>                        
</div>

 

<script>

    //說明：上傳文件必須爲xls或xlsx格式
    //input綁定change事件
    var FileUpload = document.getElementById("FileUpload");
    FileUpload.addEventListener("change",function(){
        var name = FileUpload.files[0].name;
        var i = name.lastIndexOf(".")
        if(i>-1){
            var ext = name.substring(i);
            var index = [".xls",".xlsx"].indexOf(ext);
            if(index==-1){
                alert("文件格式錯誤")
                FileUpload.value="";
            }
        }
    })
    
    //提交
    uploadFile(){
        var fileObj = document.getElementById("FileUpload").files[0]; // js 獲取文件對象
        if (typeof (fileObj) == "undefined" || fileObj.size <= 0) {
            alert("請選擇圖片");
            return;
        }
        var formFile = new FormData();
        formFile.append("file", fileObj); //加入文件對象
        $.ajax({
            url: "",
            data: formFile,
            type: "Post",
            dataType: "json",
            cache: false,//上傳文件無需緩存
            processData: false,//用於對data參數進行序列化處理 這裏必須false
            contentType: false, //必須
            success: function (result) {
               alert("上傳完成!");
           }
        })
    }
</script>