首页 前端知识 文件各种上传,离不开的表单 [html5]

文件各种上传,离不开的表单 [html5]

2024-05-12 00:05:51 前端知识 前端哥 162 835 我要收藏

作为程序员的我们,经常会要用到文件的上传和下载功能。到了需要用的时候,各种查资料。有木有..有木有...。为了方便下次使用,这里来做个总结和备忘。

利用表单实现文件上传

最原始、最简单、最粗暴的文件上传。
前端代码:

//方式1
<form action="/Home/SaveFile1" method="post" enctype="multipart/form-data">
     <input type="file" class="file1" name="file1" />
     <button type="submit" class="but1">上传</button>
</form>

【注意】

  • 1、需要post提交
  • 2、enctype="multipart/form-data" (传输文件)
  • 3、需要提交的表单元素需要设置 name 属性

后台代码:

public ActionResult SaveFile1()
{
    if (Request.Files.Count > 0)
    {
        Request.Files[0].SaveAs(Server.MapPath("~/App_Data/")   Request.Files[0].FileName);
        return Content("保存成功");
    }
    return Content("没有读到文件");
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8236.html
标签
okhttp
评论
会员中心 联系我 留言建议 回顶部
复制成功!