在現今的web開發環境中，php和jquery已經成為了必備的技術之一。然而，在文件上傳這個關鍵的功能上，遭遇到跨域問題時，它們的威力就大打折扣。所以，在本篇文章中，我們將探討如何利用php和jquery來實現跨域上傳文件的功能。 在開始之前，我們需要明確一點，那就是跨域上傳文件不是php或jquery的本職工作，而是需要借助其他技術的支持，比如CORS（跨域資源共享）或JSONP（JSON with Padding）。這里，我們基于CORS來實現跨域上傳文件的功能。 首先，我們需要為上傳文件的功能添加一個表單。如下所示：

<form id="uploadForm" enctype="multipart/form-data">
<input type="file" name="file" id="file" />
<input type="button" id="btnSubmit" value="上傳" />
</form>

這里，我們為表單指定了一個id，以便于后面用jquery來獲取表單的數據。同時，我們也設置了form的enctype屬性為"multipart/form-data"，這是因為上傳文件需要傳輸二進制數據，所以不能使用默認的"application/x-www-form-urlencoded"編碼方式。 接下來，我們需要編寫jquery代碼來對表單進行處理。如下所示：

$(function() {
$('#btnSubmit').click(function() {
var formData = new FormData($('#uploadForm')[0]);
$.ajax({
url: 'http://www.example.com/upload.php',
type: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false,
xhrFields: {
withCredentials: true
},
success: function(data) {
alert(data);
},
error: function(jqXHR, textStatus, errorThrown) {
alert('Error: ' + textStatus);
}
});
});
});

這里，我們使用了jquery的ajax函數來異步提交表單。首先，我們獲取了表單的數據，然后通過ajax將其發送給服務器端的upload.php文件。在ajax的配置中，我們指定了url、type、data、cache、contentType、processData、xhrFields等參數。 其中，contentType和processData這兩個參數需要特別注意。由于我們使用了FormData對象來獲取表單數據，所以contentType需要設置為false，以便讓瀏覽器自動處理表單的編碼方式。而processData也需要設置為false，以便讓jquery不對表單數據進行序列化處理。 最后，我們還需要在服務器端的upload.php文件中添加一些代碼，來處理表單數據。如下所示：

header('Access-Control-Allow-Origin: *');
if ($_FILES['file']['error'] == UPLOAD_ERR_OK) {
$tmp_name = $_FILES['file']['tmp_name'];
$name = $_FILES['file']['name'];
move_uploaded_file($tmp_name, '/path/to/uploads/' . $name);
echo 'Upload success.';
} else {
echo 'Upload failed.';
}

在這里，我們使用了header函數來設置CORS的標頭，以便允許跨域上傳文件。同時，我們也使用了PHP自帶的文件上傳功能來將表單中上傳的文件保存到指定的路徑下。當上傳成功時，我們將返回"Upload success."，否則返回"Upload failed."。 綜上所述，我們成功地利用php和jquery實現了跨域上傳文件的功能。當然，由于CORS的限制較多，我們還需要在代碼中做出一些特殊處理，以確保這個功能能夠在各種環境下正常工作。