jquery文件上传插件——限制文件上传
Posted
技术标签:
【中文标题】jquery文件上传插件——限制文件上传【英文标题】:Jquery file upload plugin - restricting file upload 【发布时间】:2013-12-19 12:53:29 【问题描述】:我正在使用 jquery 文件上传插件来上传个人资料图片。
<input type="file" name="image" id="image" data-url="/users/profile/update/image">
这是我的脚本
$(document).ready(function()
$('#image').fileupload(
singleFileUploads : true,
acceptFileTypes : /(\.|\/)(gif|jpe?g|png)$/i,
maxFileSize : 10,
done: function(formContainer)
console.debug("done");
);
);
但是这个脚本允许提交任何类型的文件。任何人都可以帮助我我的代码有什么问题。我已经从插件文档中复制了正则表达式。 https://github.com/blueimp/jQuery-File-Upload/wiki/Options
我在服务器端使用 Spring 3.2。
【问题讨论】:
【参考方案1】:我解决了问题,如果其他人需要,我正在编写解决方案。
添加了以下脚本文件
jquery.fileupload-validate.js
并添加了以下脚本
$(document).ready(function)
$('#image').bind('fileuploadprocessfail', function (e, data)
alert(data.files[data.index].error); //it will alert the message.
);
);
【讨论】:
以上是关于jquery文件上传插件——限制文件上传的主要内容,如果未能解决你的问题,请参考以下文章
使用webuploader插件上传图片时如果正确 限制上传数量