jquery上传图片

最新推荐文章于 2020-03-30 10:01:22 发布

原创最新推荐文章于 2020-03-30 10:01:22 发布 · 502 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #string #path #function #random #server

Jquery 专栏收录该内容

6 篇文章

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    
    <script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#file1').change(function () {
                var path = $('#file1').val();
                $.ajax({
                    url: 'ASHX/Admin/Admins.ashx',
                    type: 'get',
                    data: { WM:'GetImg',Path: path},
                    success: function (msg) {
                        $('#img1').attr('src', msg);
                        $('#img1').css('display', 'block');
                    }
                });
            });
        });
    </script>
</head> 
<body>
    <form id="form1" runat="server">
    <div>
    <img src="" id="img1" width="200px" height="200px" style="display:none;">
    <input type="file" id="file1" style="border:1px solid #DDDDDD" />
    </div>
    </form>
</body>
</html>

    private void HandlePic(HttpContext context, string Path)
        {
            Random rd = new Random();
            string LastIndex = Path.Substring(Path.IndexOf("."));
            string Date = DateTime.Now.ToString("MMddyyyyhhmmssfff" + rd.Next(0, 9999).ToString());
            string NewName = Date + LastIndex;
            string FilePath = HttpContext.Current.Server.MapPath(@"\\Images\") + NewName;
            string BackPath = "Images/" + NewName;
            WebClient webc = new WebClient();
            webc.UploadFile(FilePath, Path);
            context.Response.Write(BackPath);
        }

  case "GetImg":
                    string Path = context.Request["Path"].ToString();
                    HandlePic(context, Path);
                    break;