MVC单文件上传

前言

现在来写下最基础的单文件上传，完成后可以扩展成各种不同的上传方式

HTML

<input id="Input_File" type="file" />

JS

    <script>
 
        var FileDOM = document.querySelectorAll("#Input_File")[0];
       
        var xhr = new XMLHttpRequest();
        FileDOM.onchange = function (e) {
            var fromdata = new FormData();
            fromdata.append("fileBase",e.target.files[0]);
            xhr.open("POST", "/Index/UploadingFile");
            xhr.send(fromdata);
        }
</script>

Contriller

    public ActionResult UploadingFile(HttpPostedFileBase fileBase )
        {
            if(fileBase != null)
            {
                fileBase.SaveAs(AppDomain.CurrentDomain.BaseDirectory + "File/" + fileBase.FileName);
            }
            return null;
        }
}

效果

后言

上传文件就完成了，是不是很简单呢?
本文结束了，如果觉得本技术文章对你有帮助请给我点个赞,如果有什么不足的地方，给我提意见，让我加以改进