ajax input file 提交文件



<!DOCTYPE html>

<html xmlns=" http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    
    <title>Html5 Ajax 上传文件</title>
    <script type="text/javascript">
        function UpladFile() {
            var fileObj = document.getElementById("file").files[0]; // js 获取文件对象
            var FileController = "WebForm1.aspx";                    // 接收上传文件的后台地址            
            // FormData 对象
            var form = new FormData();
            form.append("author", "hooyes");                      // 可以增加表单数据
            form.append("file", fileObj);                           // 文件对象
            // XMLHttpRequest 对象
            var xhr = new XMLHttpRequest();
            xhr.open("post", FileController, true);
            xhr.onload = function () {
               // alert("上传完成!");
            };    
            xhr.send(form);
        }
    </script>

</head>

<body>
    <form id="form1" runat="server">
    <div>
        <input type="file" id="file" name="myfile"/>
         <input type="button" onclick="UpladFile()" value="上传" />
    </div>
    </form>
</body>
</html>
 
 
C#后台
    var flist = Request.Files;

            var form = Request.Form;

            for (int i = 0; i < flist.Count; i++)
            {

                string FilePath = "E: \\hooyes\\Files\\";

                var c = flist[i];

                FilePath = Path.Combine(FilePath, c.FileName);

                c.SaveAs(FilePath);

            } 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM