自實現input上傳指定文件到服務器

遇到問題，解決問題，記錄問題，成長就是一步一步走出來的。

1、添加 input 標籤

個人工做中遇到了，須要上傳pdf文件到服務器的需求，並且只能上傳pdf文件，accept指定了 pdf 類型。

<input type="file" id="testFile" name="testFile" accept="application/pdf">

2、Jquery實現上傳

文件上傳通常要基於表單上傳，因此這裏 new 了一個 FormData() 實例，用來將選中的文件傳輸到服務端。

function fileUpload() {
        var formData = new FormData();
        var fileName = $('#testFile').val();
        var files = $('#testFile')[0].files[0];
        formData.append("File", files);
        formData.append("FileName", fileName);
        // 以及一些其它要傳入的參數
        // formData.append(key, value);

        $.ajax({
            url: "後臺上傳地址",
            type: 'POST',
            data: formData,
            dataType:'json',
            processData: false,// ⑧告訴jQuery不要去處理髮送的數據
            contentType: false, // ⑨告訴jQuery不要去設置Content-Type請求頭
            success: function (res) {
                console.log(res)
            }
        });
    }

3、後臺接收

後臺接收通常要藉助 HttpContext 上下文來獲取文件

public void UploadFile(){
    //獲取文件
    var file = HttpContext.Request.Files["File"];
    if (file == null)
    {
        //作出文件不能爲空返回
        //...
        return;
    }

    //獲取參數 文件名稱
    var fileName = HttpContext.Request["FileName"];
    //獲取文件流
    var stream = file.InputStream;

    //而後就能夠對該文件流只能保存或者其它操做
}

記錄，只爲本身之後遇到一樣的問題，而再也不花費沒必要要的時間