js 上传文件

最新推荐文章于 2024-05-15 22:33:11 发布

Our sky

最新推荐文章于 2024-05-15 22:33:11 发布

阅读量130

点赞数

分类专栏：前端后端文章标签： js web javascript c#

本文链接：https://blog.csdn.net/fei0700/article/details/119210422

版权

后端同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

前端

14 篇文章 0 订阅

订阅专栏

前端代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RecUpload.aspx.cs" Inherits="ActivityFile_RecUpload" %>

<!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>文件上传</title>
</head>
<body>
    <form id="form1" runat="server" action="#" method="post" enctype="multipart/form-data">
        <div style="margin-left: 20px; margin-top: 50px;">
            选择照片：<input type="file" id="File" name="Task" style="margin-left: 5px; height: 25px;" />
            <input type="button" value="上传" style="margin-left: 30px; height: 25px;" onclick="Upload()" />
        </div>

    </form>
    <script type="text/javascript" src="../JavaScript/UserControl/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">

        function Upload() {
            var file = document.getElementById('File').files[0];
            if (file != null) {
                var fd = new FormData();
                fd.append("File", file);
                //需把本地Internet级别设置为低才可访问
                xhrupload(fd, "Url");//接口地址
                return false;//阻止表单提交
            }
            else {
                alert("请选择需要上传的文件");
                return false;
            }
        }
        function xhrupload(fd, url) {
            var xhr = new XMLHttpRequest();
            xhr.open("post", url, true);
            xhr.onreadystatechange = function () {

                if (xhr.readyState == 4) {
                    if (200 == xhr.status) {
                        alert("上传成功");
                        document.getElementById('File').value = "";
                        //window.close();
                    }
                    else alert(xhr.responseText);
                }
            }
            xhr.send(fd);
        }
    </script>
</body>
</html>

后台

 string date = DateTime.Now.ToString("yyyyMMdd");
 string filepath = HttpContext.Current.Server.MapPath("~/Files/Uploads/" + date + "");//项目路径
 string Name = Guid.NewGuid().ToString() + Type;
 if (!Directory.Exists(filepath))//判断路径是否存在
 {
     Directory.CreateDirectory(filepath);//创建路径
 }   
 HttpContext.Current.Request.Files[0].SaveAs(filepath + "\\" + Name);//保存

Our sky

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 上传文件

前端代码<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RecUpload.aspx.cs" Inherits="ActivityFile_RecUpload" %><!DOCTYPE html><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><html xmlns="http://www.w3.org/1999/
复制链接

扫一扫