最近，越來越多的網站開始使用Ajax技術來實現文件上傳功能。傳統的文件上傳方式是通過表單提交，但是這種方式會導致整個頁面刷新，用戶體驗不佳。Ajax上傳文件出FormData外的方法應運而生，它能夠在不刷新頁面的情況下實現文件上傳。

在傳統的文件上傳方式中，我們通常會使用FormData對象來構建表單數據，并通過ajax方法將數據發送到服務器端。但是，在某些場景下，我們可能需要將文件上傳以外的表單數據一起發送到服務器端，這就需要使用FormData之外的方法。

一個常用的方法是將文件和其他表單數據一起打包成JSON對象，然后通過ajax方法發送到服務器端。下面是一個示例：

var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];
var formData = new FormData();
formData.append('file', file);
// 其他表單數據
var data = {
name: 'John',
age: 25
};
formData.append('data', JSON.stringify(data));
// 發送請求
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
// 處理響應結果
},
error: function(xhr, status, error) {
// 處理錯誤
}
});

在上述示例中，我們首先使用FormData對象來創建一個空表單數據，然后通過append方法將文件和其他表單數據添加到FormData對象中。注意，我們使用了JSON.stringify方法將JSON對象轉換為字符串并添加到FormData對象中。最后，我們使用ajax方法發送FormData對象到服務器端。

另一種常用的方法是將文件和其他表單數據一起拼接成查詢字符串，并作為data參數傳遞給ajax方法。例如：

var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];
// 其他表單數據
var data = {
name: 'John',
age: 25
};
// 構建查詢字符串
var queryString = 'file=' + encodeURIComponent(file) + '&name=' + encodeURIComponent(data.name) + '&age=' + encodeURIComponent(data.age);
// 發送請求
$.ajax({
url: 'upload.php',
type: 'POST',
data: queryString,
success: function(response) {
// 處理響應結果
},
error: function(xhr, status, error) {
// 處理錯誤
}
});

在以上示例中，我們首先獲取文件和其他表單數據，然后將它們拼接成查詢字符串。注意，在拼接查詢字符串時，我們使用encodeURIComponent方法來對特殊字符進行編碼，以避免產生意外的錯誤。最后，我們將查詢字符串作為data參數傳遞給ajax方法。

無論是將文件和其他表單數據打包成JSON對象，還是拼接成查詢字符串，都是常用的Ajax上傳文件出FormData外的方法。根據實際需求和場景，我們可以選擇合適的方法來實現文件上傳功能，并優化用戶體驗。