Jquery上传文件代码案例教程

 html xmlns="http://www.w3.org/1999/xhtml" head runat="server" meta http-equiv="Content-Type" content="text/html; charset=utf-8"/ title 上传文件 /title link rel="stylesheet" type="text/css" href="/Scripts/jquery.uploadify-v2.1.0/uploadify.css" / script src="../Scripts/jquery.min.js" /script script type="text/javascript" src="/Scripts/jquery.uploadify-v2.1.0/jquery-1.3.2.min.js" /script script type="text/javascript" src="/Scripts/jquery.uploadify-v2.1.0/swfobject.js" /script script type="text/javascript" src="/Scripts/jquery.uploadify-v2.1.0/jquery.uploadify.v2.1.0.min.js" /script script type="text/javascript" $(document).ready(function () { $("#UploadFile").uploadify({ uploader: /Scripts/jquery.uploadify-v2.1.0/uploadify.swf, script: Ashx/Upload.ashx, auto: false,//设置false通过按钮点击上传，true是选择文化后自动上传 multi: false, //是否允许同时上传多个文件 queueID: hideDiv,//我这里不需要上传进度条，所以隐藏掉 width: 55, //指定uploadify.swf按钮文件的宽度 height:30, buttonText: "浏览", buttonImg: /images/liulan_btn.png, fileExt: *.png;*.jpg;*.jpeg;*.doc;*.docx;*.ppt;*.pptx;*.xls;*.xlsx;*.bmp;, //指定文件对话框只能选择的文件格式 fileDesc: "请选择文件", sizeLimit: 3*1024*1024,//"上传文件大小控制" method: post, //选择文件时触发 onSelect: function (e, data, fileObj) { $("#textfield").val(fileObj.name) }, //一个文件上传完成后触发 onComplete: function (e, queueId, fileObj, response, data) { var dataSource = eval("(" + response + ")");//response是后台传回的数据，如果是json格式需要eval解析 if (dataSource) { if (dataSource == "success") { alert("上传成功"); } } } } }); $("#upfile").click(function () { //自定义传递参数 $(#UploadFile).uploadifySettings(scriptData, { type:UploadFile,receiveId: Request("receiveId"), groupType: Request("groupType") }); $(#UploadFile).uploadifyUpload(); }); }); /script /head body form id="form1" runat="server" div div div span input type="text" name="textfield" readonly="readonly" id="textfield" / /span /div asp:FileUpload ID="UploadFile" runat="server" / /div div id="d1" /div div input type="button" id="upfile" value="确认" / /div div id="hideDiv" /div /div /form /body /html //后台代码HttpPostedFile file = Request.Files["Filedata"];file.SaveAs("保存的服务器路径");

js下载：http://yunpan.cn/cf6Ya2hf6wUcd  提取码 8011

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/57955.html