JqueryUploadify上传文件(带进度条)

$(document).ready(function() {
$("#specproimg").uploadify({
‘uploader‘ : ‘${ctx}/source/uploadify.swf‘,
‘script‘ : ‘<%=request.getContextPath()%>/admin/uploadFile.do‘, //后台处理的请求
‘cancelImg‘ : ‘${ctx}/source/uploadify-cancel.png‘,
‘folder‘ : ‘uploads‘,//您想将文件保存到的路径
‘fileDataName‘ : ‘uploadify‘,//和input的name属性值保持一致就好,Struts2就能处理了
‘queueID‘ : ‘proSpecValImg‘,//与下面的id对应
‘method‘ :‘GET‘, //如果要传参数,就必须改为GET
‘queueSizeLimit‘ : 1,//上传个数
‘fileDesc‘ : ‘*.jpg,*.png,*.gif,*.JPEG,*.PNG,*.GIF‘,
‘fileExt‘ : ‘*.jpg;*.gif;*.jpeg;*.png;*.bmp‘, //控制可上传文件的扩展名,启用本项时需同时声明fileDesc
‘auto‘ : true, //自动上传
‘multi‘ : true,//是否支持多文件上传
‘simUploadLimit‘ : 1, //文件处理个数
‘buttonText‘ : ‘浏览‘, //按钮上的文字
‘buttonImg‘ :‘${ctx}/images/browse2.png‘,//按钮图片
‘displayData‘ : ‘speed‘,//有speed和percentage两种,一个显示速度,一个显示完成百分比
‘scriptData‘ :{‘type‘:‘proSpecValImg‘},//用request可以得到
onComplete : function(event, queueID, fileObj, response, data) {

}
});
});

时间: 2024-08-07 08:25:13

JqueryUploadify上传文件(带进度条)的相关文章

Extjs 使用fileupload插件上传文件 带进度条显示

一.首先我们看看官方给出的插件的解释: 一个文件上传表单项具有自定义的样式,并且可以控制按钮的文本和 像文本表单的空文本类似的其他特性. 它使用一个隐藏的文件输入元素,并在用户选择文件后 在form提交的同时执行实际的文件上传. 因为没有安全的跨浏览器以编程的方式对file表单项设值的方式, 所以标准表单项的 setValue 方法是无效的. getvalue方法的返回值取决于使用何种浏览器; 一些仅仅返回文件名, 一些返回一个完整的文件路径, 一些则返回文件的虚拟路径. 二.在我看来这个插件就

asp.net mvc 实现上传文件带进度条

思路:ajax异步上传文件,且开始上传文件的时候启动轮询来实时获取文件上传进度.保存进度我采用的是memcached缓存,因为项目其他地方也用了的,所以就直接用这个啦.注意:不能使用session来保存进度,因为session是线程安全的不能实时获取进度,可是试试httpcache或者memorycache,这两个我没有试过,请自行尝试. ps:使用websocket来实现也是不错的,不过我没有试过,有心的大神可以去试试. 下面贴一张效果图: 前端ajax上传文件,我使用了两种jq插件.一种是a

ajax上传文件带进度条的思路

首先,需要2个重要的数据,total(文件总大小)和loaded(已经上传的大小),用 loaded/total,然后不断的更新进度条即可: 问:怎么拿到这两个重要数据呢? 答:在html5中有一个上传过程事件onprogress,在这个事件中可以读到这两个数据loaded和total:上传的时候不断的触发这个函数,然后更新进度条即可: 1 xhr.upload.onprogress = function(ev){ 2 if(ev.lengthComputable){ 3 //有可能文件时分块上

asp.net 文件批量选取,批量上传,带进度条,uploadify3.2 TOP

http://www.16aspx.com/Article/3444 asp.net 文件批量选取,批量上传,带进度条,uploadify3.2 TOP,布布扣,bubuko.com

servlet多文件上传(带进度条)

需要commons-fileupload-1.3.jar和commons-io-2.4.jar的支持 页面效果:(图片文件都可以) (1)进度标识类 public class UploadStatus { private long bytesRead; private long contentLength; private int items; private long startTime = System.currentTimeMillis(); //set get 方法 省略 } (2)监听

jQuery上传文件显示进度条

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="../js/jquery.js"></script> </head> <body> <h2>HTML5异步上传文件,带进度条(jQuery)</h2> <form method="post"

vue项目上传文件以及进度条

最近做项目的时候,需要上传自定义镜像.并且附带进度条,上网查询一下资料,经过一番折磨,也总算做出来了,把自己写项目的内容给大家分享一下. 先直接贴代码吧 1.首先声明一个formData对象. 2.把需要上传的参数利用append追加进去. append('参数名','值') 第一个this.$refs.upload.files[0],其实就是input标签加上ref唯一关键字就是upload. var fd = new FormData(); fd.append('image', that.$

XMLHttpRequest上传文件实现进度条

话不多说,直接上代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件进度实现</title> <script type="text/javascript"> var xhr; var ot;// var oloaded; //上传文件方法 function UpladFil

webuploader插件单个文件上传(带进度条)

@{ ViewBag.Title = "主页"; } <script src="~/Scripts/jquery-1.9.1.min.js"></script> <link href="~/Scripts/1/bootstrap.css" rel="stylesheet" /> <link href="~/Scripts/1/webuploader.css" rel

AJAX大文件切割上传以及带进度条。

分块传输的原理就是利用HTML5新增的文件slice截取函数. 代码如下: html: <input id="f" type="file" name="part" onchange="writeFile()"> JS: 核心部分已经加粗显示了,其他部分不用看,因为实现的方式有很多种,不一定要按照我的方式去写,但是核心是不会变的. var writeFile = function(){ var temp = null