my html and js:
HTML Code:
<form id="form1" runat="server"> <div> <asp:FileUpload ID="FileUpload1" runat="server" /> <br /> <br /> <a href="#" id="btnImg" onclick="uploadImg()" runat="server">UPLOAD</a> </div> </form> <script> function uploadImg(){ var formData = new FormData(); formData.append('FileUpload1', $('#btnImg')[0].files[0]); $.ajax({ type: "POST", url: 'Default.aspx/imageUpload', data: formData, contentType: 'application/json; charset=utf-8', success: function (data) { alert(data); } }); } </script>
Code:
[WebMethod] protected void imageUpload(object sender, EventArgs e) { if (FileUpload1.HasFile) { string fileName = Path.GetFileName(FileUpload1.PostedFile.FileName); Guid _fileNameRandom = Guid.NewGuid(); string _fileNameStr = _fileNameRandom.ToString(); FileUpload1.PostedFile.SaveAs(Server.MapPath("/Images/") + (_fileNameStr + fileName)); Response.Redirect(Request.Url.AbsoluteUri); } }
line 32 in default.aspx is: }); of the js script. and line 21 is: function uploadImg(){
Hope anyone can help me resolve this.