ajaxfileupload.js的簡單使用

上傳文件 未選擇任何文件

 引入 <script src="../javaScript/ajaxfileupload.js"></script> 

<button class="btn btn-success" id="upload">上傳文件</button>
 <input type="file" id="btnUpload" name="file" accept=".xls,.xlsx" style="display: none;" />
 <input type="hidden" id="filepath" />
<input type="hidden" id="filename" />
<span id="uploadfilename">未選擇任何文件</span></li>

 參考：http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 

        $("#upload").bind("click", function () {
            //選擇上傳文件
            $("#btnUpload").click();
        });


                $("#btnUpload").live("change", function () {
            $.ajaxFileUpload({
                url: '/UploadFiles.aspx', //用於文件上傳的服務器端請求地址
                secureuri: false, //通常設置爲false
                fileElementId: 'btnUpload', //文件上傳空間的id屬性  <input type="file" id="file" name="file" />
                dataType: 'json', //返回值類型 通常設置爲json
                success: function (data, status) //服務器成功響應處理函數
                {
                    $("#filepath").val(data.filepath);
                    $("#filename").val(data.filename);
                    $("#uploadfilename").html(data.filename);
                    $("#btnUpload").val("");
                },
                error: function (data, status, e) //服務器響應失敗處理函數
                {
                    alert(e);
                }
            })
        });

    public partial class UploadFiles : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            var files = Request.Files;
            string msg = string.Empty;
            string error = string.Empty;
            string filepath;
            string urlpath = HttpContext.Current.Request.Url.Host;
            string uploadurl = Server.MapPath("/") + "Tempalte\\upload\\";//files[0].FileName.Split('.')[files[0].FileName.Split('.').Length-1]
            //string fname = DateTime.Now.ToString("yyMMdHHmmssfff") + System.IO.Path.GetFileName(files[0].FileName);
            string fname = DateTime.Now.ToString("yyMMdHHmmssfff") + System.IO.Path.GetExtension(files[0].FileName);
            if (!Directory.Exists(uploadurl))
            {
                Directory.CreateDirectory(uploadurl);
            }
            if (files.Count > 0)
            {
                files[0].SaveAs(uploadurl + fname);
                msg = " 成功! 文件大小爲:" + files[0].ContentLength;
                filepath = "/Tempalte/upload/" + fname;
                string res = "{ error:'" + error + "', msg:'" + msg + "',filename:'" + files[0].FileName + "',filepath:'" + filepath + "'}";
                Response.Write(res);
                Response.End();
            }
        }
    }