jQuery.Uploadify插件实现有进度条批量上传图片功能

web前端|js教程

jQuery.Uploadify,批量,进度

web前端-js教程

$(document).ready(function () {$("#pics").hide();$("#uploadify").uploadify({ uploader: js/jquery.uploadify-v2.1.4/uploadify.swf, //uploadify.swf文件的路径 script: UploadHandler.ashx?type=add, //处理文件上传的后台脚本的路径 cancelImg: js/jquery.uploadify-v2.1.4/cancel.jpg, uttonText: Select Image, folder: UploadFile//, //上传文件夹的路径按0416 queueID: fileQueue, //页面中，你想要用来作为文件队列的元素的id auto: false, //当文件被添加到队列时，自动上传 multi: true, //设置为true将允许多文件上传 fileExt: *.jpg;*.jpg;*.jpg, //允许上传的文件后缀 queueSizeLimit: 5, fileDesc: Web Image Files (.JPG, .GIF, .PNG), //在浏览窗口底部的文件类型下拉菜单中显示的文本 sizeLimit: 1024000, //上传文件的大小限制，单位为字节 1024*1000 1M onComplete: function (event, queueID, fileObj, response, data) {var html = "";html += "

";html += " ";html += "

";html += "";html += "

手机充值精品源码,vscode 怎么换字体,ubuntu usb供电,tomcat 网站首页,db.sqlite是什么,云服务器能放爬虫,php js 表单,知乎问答seo,专门提供源程序的网站,全网影视网页源码,系统灌水记录填写模板lzw

";html += " ";$("#pics").append(html); }, onAllComplete: function (event, data) { //当上传队列中的所有文件都完成上传时触发//alert(data.filesUploaded + 个文件上传成功!);$("#pics").fadeIn(); }}); }); function uploadpara() {//自定义传递参数$(#uploadify).uploadifySettings(scriptData, { ame: $(#txtName).val(), albums: $(#txtAlbums).val() });$(#uploadify).uploadifyUpload(); } function delImage(picurl) {jsonAjax("UploadHandler.ashx", "type=del&picurl=" + picurl, "text", callBackTxt); } function jsonAjax(url, param, datat, callback) {$.ajax({ type: "post", url: url, data: param, dataType: datat, success: callback, error: function () {jQuery.fn.mBox({ message: 恢复失败}); }}); } function callBackTxt(data) {var o = data;if (o != "") { var e = $(".myli img[src=\" + data + "]"); e.each(function () {$(this).parent().remove(); })} else { alert("删除失败");} };.myul { margin:5px 5px 5px 5px; padding:0px; } .myli { list-style-type:none; width:150px; height:150px; display:inline; position:relative; } .myimg { width:120px; height:120px; }

php5.6源码下载,vscode返回上一级命令,ubuntu查看wwn,tomcat是web的嘛,屏幕爬虫视频,php技术总监简历,惠城抖音seo推广优化lzw

彩票源码 php,vscode字体透明度,ubuntu装在哪,tomcat如何放证书,爬虫nodejs pe,大牛生小牛 php,seo运营推广排名秒收录,net调查问卷网站源码,下载站模板带采集lzw

上传| 取消上传

using System;using System.Web;using System.IO;/// public class UploadHandler : IHttpHandler{ public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; context.Response.Charset = "utf-8"; string type = context.Request["type"]; if (type=="add") {HttpPostedFile file = context.Request.Files["Filedata"];string uploadPath = HttpContext.Current.Server.MapPath(@context.Request["folder"]);string name = context.Request.Params["name"]; //获取传递的参数string albums = context.Request.Params["albums"];if (file != null){ if (!Directory.Exists(uploadPath)) {Directory.CreateDirectory(uploadPath); } file.SaveAs(bine(uploadPath, file.FileName)); context.Response.Write(@context.Request["folder"] + file.FileName);}else{ context.Response.Write("");} } else if (type == "del") {string picurl = context.Request["picurl"];try{ File.Delete(context.Server.MapPath(picurl)); context.Response.Write(picurl);}catch{ context.Response.Write("");} } else { } } public bool IsReusable { get {return false; } }}