文件上傳功能在項目開發中非常實用，本案例前端用Javascrip實現，后端用Net6實現

前端Javascrip后端Net6前后分離文件上傳案例（完整源代碼） 下載鏈接

https://download.csdn.net/download/luckyext/90437795?spm=1001.2014.3001.5501

• 運行流程，先啟動后動Net6程序 如下

在瀏覽器，打開前端頁面，如下

點擊“選擇文件”，選好文件后，點擊“上傳”，提示上傳成功后。文件會上傳到后端指定的C:\upload路徑下，如下圖

前端Javascrip后端Net6前后分離文件上傳案例（完整源代碼） 下載鏈接

https://download.csdn.net/download/luckyext/90437795?spm=1001.2014.3001.5501

前端上傳主要代碼如下

??? $('#upload').click(() => {

??????? //上傳

????? const formData = new FormData($('#form')[0])

????? $.ajax({

??????? url: 'http://localhost:5000/Files/upload',

??????? type: 'POST',

??????? cache: false,

??????? processData: false,

??????? contentType: false,

??????? data: formData,

??????? success: function (res) {

????????? console.log(res)

?????????????????? ? alert('上傳成功')

??????? },

??????? error: function (err) {

????????? console.log(err)

?????????????????? ? alert(err)

??????? },

????? })

??? })