最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JqueryUploadify上传带进度条的简单实例_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:19:30
文档

JqueryUploadify上传带进度条的简单实例_jquery

JqueryUploadify上传带进度条的简单实例_jquery: 代码如下: Jquery Uploadify上传带进度条 $(document).ready(function () { $(#uploadify).uploadify({ 'uploader': 'js/jquery.uploadify-v2.1.4/uploadify.swf', //uploadify.swf文件的路径 's
推荐度:
导读JqueryUploadify上传带进度条的简单实例_jquery: 代码如下: Jquery Uploadify上传带进度条 $(document).ready(function () { $(#uploadify).uploadify({ 'uploader': 'js/jquery.uploadify-v2.1.4/uploadify.swf', //uploadify.swf文件的路径 's


代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %>



Jquery Uploadify上传带进度条





$(document).ready(function () {
$("#uploadify").uploadify({
'uploader': 'js/jquery.uploadify-v2.1.4/uploadify.swf', //uploadify.swf文件的路径
'script': 'UploadHandler.ashx', //处理文件上传的后台脚本的路径
'cancelImg': 'js/jquery.uploadify-v2.1.4/cancel.png',
'folder': 'UploadFile/<% = subpathName %>', //上传文件夹的路径
'queueID': 'fileQueue', //页面中,你想要用来作为文件队列的元素的id
'auto': false, //当文件被添加到队列时,自动上传
'multi': true, //设置为true将允许多文件上传
'fileExt': '*.jpg;*.gif;*.png', //允许上传的文件后缀
'fileDesc': 'Web Image Files (.JPG, .GIF, .PNG)', //在浏览窗口底部的文件类型下拉菜单中显示的文本
'sizeLimit': 102400, //上传文件的大小,单位为字节 100k
'onCancel': function (event, ID, fileObj, data) { //当从上传队列每移除一个文件时触发一次
alert('The upload of ' + fileObj.name + ' has been canceled!');
},
'onComplete': function (event, ID, fileObj, response, data) { //每完成一次文件上传时触发一次
alert('There are ' + data.fileCount + ' files remaining in the queue.');
},
'onAllComplete': function (event, data) { //当上传队列中的所有文件都完成上传时触发
alert(data.filesUploaded + ' files uploaded successfully!');
}
});
});







上传|
取消上传





代码如下:
<%@ WebHandler Language="C#" Class="UploadHandler" %>

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";

HttpPostedFile file = context.Request.Files["Filedata"];
string uploadPath = HttpContext.Current.Server.MapPath(@context.Request["folder"]);

if (file != null)
{
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
file.SaveAs(Path.Combine(uploadPath, file.FileName));
context.Response.Write("1");
}
else
{
context.Response.Write("0");
}
}

public bool IsReusable
{
get
{
return false;
}
}
}

文档

JqueryUploadify上传带进度条的简单实例_jquery

JqueryUploadify上传带进度条的简单实例_jquery: 代码如下: Jquery Uploadify上传带进度条 $(document).ready(function () { $(#uploadify).uploadify({ 'uploader': 'js/jquery.uploadify-v2.1.4/uploadify.swf', //uploadify.swf文件的路径 's
推荐度:
标签: 示例 jQuery upload
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top