This article is mainly on the jquery uploadify upload with a simple example of progress bar introduction, the need for friends can come to the reference, I hope to help you.
Code as follows: <%@ Page language= "C #" autoeventwireup= "true" codefile= "UpLoad.aspx.cs" inherits= "Uploadifydemo_" UpLoad "%> <html xmlns=" http://www.w3.org/1999/xhtml "> <head id=" Head1 "runat=" Server "> & nbsp <title>jquery uploadify upload with progress bar </title> <link href= "js/jquery.uploadify-v2.1.4/ Uploadify.css "rel=" stylesheet "type=" Text/css "/> <script type=" Text/javascript "src=" js/ Jquery.uploadify-v2.1.4/jquery-1.4.2.min.js "></script> <script type=" Text/javascript "src = "Js/jquery.uploadify-v2.1.4/swfobject.js" ></script> <script type= "Text/javascript" src= " Js/jquery.uploadify-v2.1.4/jquery.uploadify.v2.1.4.min.js "></script> <script type=" text/ JavaScript "> $ (document). Ready (function () { $ (" # Uploadify "). Uploadify ({ ' uPloader ': ' js/jquery.uploadify-v2.1.4/uploadify.swf ',//uploadify.swf file path & nbsp ' script ': ' uploadhandler.ashx ',//process file Upload background script path ' cancelimg ': ' Js/jquery.uploadify-v2.1.4/cancel.png ', ' folder ': ' UploadFile /<% = Subpathname%> ',//Upload folder path ' Queueid ': ' Filequeue ',// page, the ID of the element you want to use as a file queue ' auto ': false,////When the file is added to the queue, automatically upload the &nbs P ' multi ': true,//set to True will allow multiple file uploads &NBSP ; ' fileext ': ' *.jpg;*.gif;*.png ',//allow uploaded file suffix ' filedesc ': ' We b Image Files (. Jpg. Gif. PNG) ',///The text displayed in the file type Drop-down menu at the bottom of the Browse window ' sizelimit ': 102400, &NBsp;//upload file size limit, Unit bytes 100k ' OnCancel ': function (event, ID, Fileobj , data) {//When a file is removed from the upload queue once alert (' Upload of ' + Fileobj.name + ' has been canceled! '); }, ' Oncomp Lete ': Function (event, ID, Fileobj, response, data) {//Every time a file upload is completed & nbsp alert (' There are ' + Data.filecount + ' files remaining in the queue. '); }, ' ONALLC Omplete ': function (event, data) {///when all files in the upload queue have been uploaded the trigger &N Bsp Alert (data.filesuploaded + ' files uploaded successfully! '); }   }); }); </script> </head> <body> <form id= "Form1" runat= "Server" > &NBS P <div> </div> </form> <div id= "Filequeu E "></div> <input type=" file "Name=" uploadify "id=" uploadify "/> <p> &nbs P <a href= "javascript:$ (' #uploadify '). Uploadifyupload ()" > Uploading </a>| nbsp <a href= "javascript:$ (' #uploadify '). Uploadifyclearqueue ()" > Cancel upload </a> </p> < /body> </html> code is as follows: <%@ WebHandler language= "C #" class= "Uploadhandler"%> using System; Using System.Web; Using System.IO; public class Uploadhandler:ihttphandler { public void ProcessRequest (HttpContext context) &N Bsp { context. Response.cOntenttype = "Text/plain"; context. Response.Charset = "Utf-8"; Httppostedfile file = context. request.files["Filedata"]; String uploadpath = HttpContext.Current.Server.MapPath (@context. request["folder"]); if (file!= null) { &NBS P if (! Directory.Exists (Uploadpath) { Directory.CreateDirectory (Uploadpath); file. SaveAs (Path.Combine, Uploadpath, file. FileName)); context. Response.Write ("1"); } else { & nbsp context. Response.Write ("0"); }   public bool IsReusable { get { return false; { }} &N BspStart building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
