jQuery Ajax File Upload实例源码

时间：2021-05-26

本文实例为大家分享了jQuery Ajax File Upload实例源码，供大家参考，具体内容如下

项目结构

Default.aspx
Upload.aspx
Scripts/…
style.css

效果图

客户端html代码

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="UploadFile.aspx.vb" Inherits="Web.UploadFile" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://pletion clear the status status.text(''); //Add uploaded file to list if (response === "success") { $('<li></li>').appendTo('#files').html('<img src="./uploads/' + file + '" mce_src="uploads/' + file + '" alt="" /><br />' + file).addClass('success'); } else { $('<li></li>').appendTo('#files').text(file).addClass('error'); } } }); }); // --></mce:script> </head> <body> <form id="form1" runat="server"> <div id="upload"> Upload File </div> <!-- Upload Button--> <div id="Div1" >Upload File</div><span id="status" ></span> <!--List Files--> <ul id="files" ></ul> </form> </body> </html>

服务端处理代码Upload.aspx

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace JqueryAjaxUploadTest { public partial class Upload : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { try { HttpPostedFile hpfFile = Request.Files["uploadfile"]; hpfFile.SaveAs(Server.MapPath("~/uploads/") + hpfFile.FileName); Response.Write("success"); } catch (Exception) { Response.Write("fail"); } } } }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章