java附件上传插件_JQuery上传插件Uploadify使用详解(Java附件上传)

本文档介绍了如何使用Uploadify插件实现一个简单的文件上传功能。首先创建一个Web项目,然后添加UploadHandler.ashx处理文件上传,再创建UploadFile文件夹存储上传的文件。在Default.aspx页面中配置Uploadify的参数,包括上传脚本、文件夹路径、取消按钮图片等。通过这些步骤,可以实现多文件自动或手动上传,并能获取上传进度和错误信息。
摘要由CSDN通过智能技术生成

官方演示

event:事件对象。

queueID:文件的唯一标识,由6为随机字符组成。

fileObj:选择的文件对象,有name、size、creationDate、modificationDate、type 5个属性。

fileCount:选择文件的总数。

filesSelected:同时选择文件的个数,如果一次选择了3个文件该属性值为3。

filesReplaced:如果文件队列中已经存在A和B两个文件,再次选择文件时又选择了A和B,该属性值为2。

allBytesTotal:所有选择的文件的总大小。

fileCount:取消一个文件后,文件队列中剩余文件的个数。

allBytesTotal:取消一个文件后,文件队列中剩余文件的大小。

type:错误的类型,有三种‘HTTP’, ‘IO’, or ‘Security’

info:错误的描述

percentage:当前完成的百分比

bytesLoaded:当前上传的大小

allBytesLoaded:文件队列中已经上传完的大小

speed:上传速率 kb/s

fileCount:剩余没有上传完成的文件的个数。

speed:文件上传的平均速率 kb/s

filesUploaded :上传的所有文件个数。

errors :出现错误的个数。

allBytesLoaded :所有上传文件的总大小。

speed :平均上传速率 kb/s

首先按下面的步骤来实现一个简单的上传功能。

1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。

2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。

3 在项目中添加UploadFile文件夹,用来存放上传的文件。

进行完上面三步后项目的基本结构如下图:

e9ab0c945767e8a9cbbb9a504b7afc5f.png

4 Default.aspx的html页的代码修改如下:

Uploadify

$(document).ready(function()

{

$("#uploadify").uploadify({'uploader':'JS/jquery.uploadify-v2.1.0/uploadify.swf','script':'UploadHandler.ashx','cancelImg':'JS/jquery.uploadify-v2.1.0/cancel.png','folder':'UploadFile','queueID':'fileQueue','auto':false,'multi':true});

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值