前端js上传文件后端C#接收文件

2021-07-17 06:20

阅读:483

标签:formdata   length   ++   pos   var   gpo   orm   代码   htm   

本文粗略的讲下前端文件上传和后端文件接收的原理

  1. 前端代码

    html

    onsubmit="uploadFile(event)"> type="file" />

    js

    function uploadFile(event) {
        var files = event.target[0].files;
        if (files.length  1) {
            alert("文件没有选择,亲"); return;
        }
        var formData = new FormData();
        for (var i = 0; i  files.length; i++) {
            formData.append(files[i].name, files[i]); 
        }
        axios.post("yejiawei/haha", formData).then(function (res) {
        }).catch(function (err) {
            console.log(err);
        })
    }
  2. 后端c#代码

    [Route("yejiawei/haha")]
    [HttpPost]
    [AllowAnonymous]
    public void Post()
    {
        HttpFileCollection files = HttpContext.Current.Request.Files;
        for(int i = 0; i  files.Count; i++)
        {
            HttpPostedFile file = files[i];
            file.SaveAs(@"F:\学习实验区\filereceive\" + file.FileName);
        }
    }
    是不是很简单

前端js上传文件后端C#接收文件

标签:formdata   length   ++   pos   var   gpo   orm   代码   htm   

原文地址:https://www.cnblogs.com/ye-hcj/p/8157846.html

上一篇:深入C#数据类型

下一篇:深入C#数据类型


评论


亲,登录后才可以留言!