先看效果:
程式碼:
<form id="fileUpload" action="" method="post" enctype="multipart/form-data"> <input type="file" name="file" id="file"> <button type="submit">上傳</button> </form>
$('#fileUpload').on('submit', function (e) { e.preventDefault(); // 不自動提交 var formData = new FormData(this); formData.append('xxx', xxx);//自定義引數。 formData.append('xxx', xxx); formData.append('xxx', xxx); formData.append('xxx', xxx); formData.append('xxx', xxx); formData.append('xxx', xxx); $.ajax({ url: 'https://www.liuguiqing.com:8080/fileupload', type: 'POST', data: formData, contentType: false, // 不管型別 processData: false, // 不管資料 success: function (response) { console.log(response); }, error: function (error) { console.error(error); } }); });