jquery上传图片

来源：互联网发布：如何查看淘宝消费记录编辑：程序博客网时间：2024/05/21 14:41

<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;