jQuery-file-upload是一個非常方便的JavaScript插件,它可以輕松地把文件上傳到服務器。而PHP作為一種服務器端腳本語言,可以很好地支持文件上傳功能。下面讓我們來學習一下如何使用jQuery-file-upload和PHP來實現文件上傳。
首先,我們需要下載和引入jQuery-file-upload插件,并且在HTML中設置一個文件上傳表單。例如:
<form action="upload.php" method="POST" enctype="multipart/form-data" id="file-upload-form"> <input type="file" name="upload_file[]" multiple> <input type="submit" value="上傳"> </form>
表單中的enctype屬性設置為“multipart/form-data”,是為了支持文件上傳。同時,為了支持多個文件上傳,我們需要在input標簽中加入“multiple”屬性。
接下來,在JavaScript代碼中,我們需要使用jQuery-file-upload插件的相關方法。例如:
$("#file-upload-form").fileupload({ dataType: 'json', url: 'upload.php', done: function (e, data) { // 上傳完成后的操作 }, progressall: function (e, data) { // 上傳進度的操作 } });
在這個例子中,我們設置了插件的dataType、url、done和progressall屬性,來指定上傳文件的數據類型、上傳文件的地址、上傳完成后的操作和上傳進度的操作。
最后,我們需要在PHP中編寫文件上傳的代碼。例如:
$upload_path = "uploads/"; // 設置上傳文件的路徑 foreach ($_FILES["upload_file"]["error"] as $key =>$error) { if ($error == UPLOAD_ERR_OK) { $filename = $_FILES["upload_file"]["name"][$key]; $tmp_name = $_FILES["upload_file"]["tmp_name"][$key]; move_uploaded_file($tmp_name, $upload_path.$filename); // 保存上傳文件 } }
在這個例子中,我們首先設置了上傳文件的路徑,然后通過循環來遍歷每一個上傳的文件。在循環內部,我們使用move_uploaded_file()函數來保存上傳的文件。
通過以上步驟,我們就可以使用jQuery-file-upload和PHP來實現文件上傳功能了。