plupload如何限制上传文件数量,限制只能上传单个文件

1 完整代码

$(function() {
$("#uploader").pluploadQueue({
runtimes : ‘html5,gears,flash,silverlight,browserplus,html4‘,//设置运行环境,会按设置的顺序,可以选择的值有html5,gears,flash,silverlight,browserplus,html4
flash_swf_url : ‘${pageContext.request.contextPath}/jslib/plupload_1_5_7/plupload/js/plupload.flash.swf‘,// Flash环境路径设置
silverlight_xap_url : ‘${pageContext.request.contextPath}/jslib/plupload_1_5_7/plupload/js/plupload.silverlight.xap‘,//silverlight环境路径设置
url : ‘${pageContext.request.contextPath}/UploadServlet‘,//上传文件路径
max_file_size : ‘5mb‘,//100b, 10kb, 10mb, 1gb
chunk_size : ‘100mb‘,//分块大小,小于这个大小的不分块
unique_names : true,//生成唯一文件名
multi_selection: false,
//multiple_queues : true,//是否可以多次上传
// 如果可能的话,压缩图片大小
// resize : { width : 320, height : 240, quality : 90 },
// 指定要浏览的文件类型
filters : [ {
title : ‘Image files‘,
extensions : ‘jpg,gif,png‘
}
/* , {
title : ‘Zip files‘,
extensions : ‘zip,7z,rar‘
} */
, {
title : ‘Office files‘,
extensions : ‘doc,docx,excel,ppt,txt,mpp,xls,xlsx,pdf‘
}
/* , {
title : ‘exe files‘,
extensions : ‘exe,bit,bat‘
} */
],
init : {
BeforeUpload:function(up,file){
/* $.post(‘${pageContext.request.contextPath}/docinf/docinfDoc/checkDocIsExist.do‘,
{name:file.name}, function(json) {
if (json.success) {
;
} else {
$.messager.show(‘提示‘, json.msg, ‘info‘);
}
},"JSON"); */

},
FileUploaded : function(up, file, info) {//文件上传完毕触发
var response = $.parseJSON(info.response);
if (response.status) {
$("#isUploadFile").attr("value",true);//给隐藏域 赋值 表示 有上传文件
$(‘#form‘).append(‘<input type="hidden" name="urlfileName" value="‘+file.id+‘"/>‘);
$(‘#form‘).append(‘<input type="hidden" name="fileUrl" value="‘+response.fileUrl+‘"/>‘);
$(‘#form‘).append(‘<input type="hidden" name="fileName" value="‘+file.name+‘"/><br/>‘);
}
},

FilesAdded : function(uploader, file){
if(file[0].name.length>25) {
$.messager.show(‘提示‘,"文件名称太长!", ‘info‘);
return;
}
if(uploader.files.length>1) { // 最多上传3张图
$.messager.show(‘提示‘,"只能上传一个文件,请删除多余文件!", ‘info‘);
return;
}

uploader.start();
}
}
});

// 客户端表单验证
$(‘#form‘).submit(function(e) {
var uploader = $(‘#uploader‘).pluploadQueue();
if (uploader.files.length > 0) {// 判断队列中是否有文件需要上传
uploader.bind(‘StateChanged‘, function() {// 在所有的文件上传完毕时,提交表单
if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) {
$(‘form‘)[0].submit();
}
});
uploader.start();
} else {
//alert(‘请选择至少一个文件进行上传!‘);
$.messager.show(‘提示‘, ‘请选择至少一个文件进行上传!‘, ‘error‘);
}
return false;
});

});

2 关键代码

FilesAdded : function(uploader, file){
if(file[0].name.length>25) {
$.messager.show(‘提示‘,"文件名称太长!", ‘info‘);
return;
}
if(uploader.files.length>1) { // 最多上传1个文件
$.messager.show(‘提示‘,"只能上传一个文件,请删除多余文件!", ‘info‘);
return;
}

uploader.start();
}

原文地址:https://www.cnblogs.com/Alex80/p/11435299.html

时间: 2024-10-03 10:09:02

plupload如何限制上传文件数量,限制只能上传单个文件的相关文章

mvc文件上传支持批量上传,拖拽以及预览,文件内容校验等

使用bootstrap-fileinput 使用方式: 1.nuget:Install-Package bootstrap-fileinput 2.语言本地化{下载fileinput_locale_zh.js}或者修改Fileinput中的本地化词汇 3.文件大小限制:修改fileinput.js中的3195行 maxFilePreviewSize配置节点 示例:前台 @{ Layout = null; } <!DOCTYPE html> <html> <head> &

html5表单上传控件Files筛选指定格式的文件:accept属性过滤excel文件

摘自:http://blog.csdn.net/jyy_12/article/details/9851349 (IE9及以下不支持下面这些功能,其它浏览器最新版本均已支持.) 1.允许上传文件数量 允许选择多个文件:<input type="file" multiple> 只允许上传一个文件:<input  type="file" single> 2.上传指定的文件格式 <input type="file" acce

动态添加上传控件,并上传文件

前些天, Insus.NET有实现<MVC上传文件>http://www.cnblogs.com/insus/p/4609843.html 可以上传多个文件,但是只能手动指定上传的数量.那这篇Insus.NET改善这个问题.那就是让用户动态添加上传的控件: 在ASP.NET MVC程序中演示吧,在控制器中,创建2个操作: 依第一个标记创建一个视图,按标记1-5进行添加相对应的标签与jQuery代码: jQuery代码: $(function () { $("#ButtonAdd&qu

web大文件上传解决方案支持分片断点上传

一. 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传:支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传.刷新页面后继续传输.关闭浏览器后保留进度信息. 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹层级结构与本地相同. 支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验:支持文件夹上传,文件夹中的文件数量达到1万个以上,且包含层级结构. 支持断点续传,关闭浏览器或刷新浏览

艺萌TCP文件上传下载及自动更新系统介绍(TCP文件传输)(一)

艺萌TCP文件上传下载及自动更新系统介绍(TCP文件传输) 该系统基于开源的networkComms通讯框架,此通讯框架以前是收费的,目前已经免费并开元,作者是英国的,开发时间5年多,框架很稳定. 项目地址:http://www.51aspx.com/code/MSDCArtMengFileUpload 咨询qq:286275658 演示程序下载地址:http://pan.baidu.com/s/1geVfmcr 服务器端运行效果图: 服务器端配置文件: <?xml version="1.

MVC文件图片ajax上传轻量级解决方案,使用客户端JSAjaxFileUploader插件02-多文件上传

上一篇中,使用客户端jJSAjaxFileUploader插件实现单文件异步上传,本篇实现多文件异步上传. 本篇源码在github,先看效果: ● 上传文件显示进度条. ● 停止上传按钮和关闭缩略图按钮. ● 限制上传文件的类型. ● 限制上传文件的尺寸. ●同时上传多个文件成功后显示缩略图.文件名: ● 点击界面上的删除按钮,界面删除,同步删除文件夹中文件. ● 再点击上传文件,界面追加一行新的缩略图.文件名.删除按钮: □ HomeController 把上传的文件名改成以GUID命名的格式

Ueditor1.4.3实现跨域上传到独立文件服务器,完美解决单文件和多文件上传!

再写配置方法之前先吐槽一下网上的各种教程,TM没一个有卵用,一群傻屌不会写就别写,写了就要负责. 百度google搜了半天,全是配置什么document.domain,根域名什么的,我只想对你说: 好了,talk is cheap show me the code,言归正传: 首先去ue官网下载1.43版 .net版本,解压之后,把demo文件夹改成web,把net那个文件夹拷贝出来放到web外面,如图: 这样就把编辑器的静态文件和动态文件分离了,动态部分放到文件服务器上,静态部分集成到我们的网

C#实现FTP文件的上传、下载功能、新建目录以及文件的删除

本来这篇博文应该在上周就完成的,可无奈,最近工作比较忙,没有时间写,所以推迟到了今天.可悲的是,今天也没有太多的时间,所以决定给大家贴出源码,不做详细的分析说明,如果有不懂的,可以给我留言,我们共同讨论. using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Net; using System.Security.Cryptography; using Sys

文件上传三:base64编码上传

介绍三种上传方式: 文件上传一:伪刷新上传 文件上传二:FormData上传 文件上传三:base64编码上传 Flash的方式也玩过,不喜欢不拿来说了. 优点: 1.浏览器可以马上展示图像,不需要先上传到服务端,减少服务端的垃圾图像 2.前端可以压缩.处理后上传到服务端,减少传输过程中的等待时间和服务器压力 缺点: 1.生成编码后保存成图片,倘若不做处理,会比原来的图片容量大,具体原因,搜索关键词:Base64编码为什么会使数据量变大 2.图片越大生成的编码越多,编码越多开发者工具中查看它时卡

JQuery和Servlet实现文件上传进度条,能显示上传速度,上传的百分比等

原文:JQuery和Servlet实现文件上传进度条,能显示上传速度,上传的百分比等 源代码下载地址:http://www.zuidaima.com/share/1550463319542784.htm JQuery和Servlet实现文件上传进度条,能显示上传速度,上传的百分比等