Ajax是一種用于實現網頁異步通信的技術，可以在不刷新整個網頁的情況下實現數據的傳遞和顯示。然而，Ajax默認情況下只能傳遞文本數據，對于文件的上傳需要借助其他的輔助技術。本文將介紹如何使用Ajax從提交文件，并提供相關的示例代碼。

在使用Ajax提交文件之前，我們需要先了解一些基本概念。首先是HTML的<form>標簽，它是用于創建表單的元素，其中包含了用于文件上傳的<input>標簽。通過設置該標簽的type屬性為"file"，即可創建一個文件選擇框。其次是FormData對象，它是一種使用簡單鍵/值對表示表單數據的鍵/值對的方式，可用于通過Ajax上傳文件。

接下來，我們可以通過示例代碼來說明使用Ajax提交文件的具體步驟。假設我們有一個表單，其中包含一個文件選擇框和一個提交按鈕：

<form id="myForm">
<input type="file" name="file" id="fileInput" />
<input type="button" value="提交" onclick="uploadFile()" />
</form>

首先，我們需要在JavaScript中編寫一個用于處理文件上傳的函數。在該函數中，我們需要獲取到用戶選擇的文件，并將其封裝成FormData對象，然后通過Ajax發送到服務器：

function uploadFile() {
var fileInput = document.getElementById("fileInput");
var file = fileInput.files[0];
var formData = new FormData();
formData.append("file", file);
var xhr = new XMLHttpRequest();
xhr.open("POST", "upload.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 文件上傳成功
}
};
xhr.send(formData); 
}

在上述代碼中，我們首先通過Document對象的getElementById方法獲取到文件選擇框的引用，然后從該引用的files屬性中獲取到用戶選擇的文件。接下來，我們創建一個FormData對象，并使用其append方法將文件添加到該對象中。然后，我們創建一個XMLHttpRequest對象，設置其請求方法為POST，請求地址為"upload.php"。最后，我們通過調用該對象的send方法將FormData對象發送到服務器上進行文件上傳。

需要注意的是，上述示例代碼中的代碼適用于現代瀏覽器。如果需要支持老版本的瀏覽器，可以借助一些第三方庫，如jQuery的$.ajax方法來實現類似的功能。

綜上所述，通過使用Ajax從提交文件，我們可以實現文件的異步上傳，并在上傳完成后進行相應的處理。這極大地提高了用戶體驗和網頁加載速度，同時也減輕了服務器的負擔。