ajax input file 提交文件

時間 2019-11-20

標籤 ajax input file 提交文件欄目 Ajax 简体版

原文原文鏈接

<!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); }