前端Javascrip后端Net6前后分离文件上传案例(完整源代码)下载
文件上传功能在项目开发中非常实用,本案例前端用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)
},
})
})