webuploader 多图上传怎么限制图片大小

面条请不要欺负汉堡 2017-09-07 11:16:31

使用百度的上传插件webUploader.
webuploader点击“选择图片”按钮时，选择多图片进行判断这些图片的大小是否满足？满足则加入队列中；不满足则弹出导入失败的弹出框。

...全文

878 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

孟子E章 2017-09-07

打赏
举报

回复

fileSingleSizeLimit: 50 * 1024 * 1024 // 50 M

最近开发的项目使用到WebUploader作为图片上传组件，封装了图片上传的所有基本操作，且使用PhotoSwipe实现图片预览功能。 1.准备工作下载项目Github地址：https://github.com/tysxquan/suploader 使用demo目录下的文件只是演示，请使用dist目录下的文件 2.选择实例单图片上传文件大小 ≤ 2Mb” }, success: function(data) { console.log(data) }, error: function(err) { console.log(err) }, // 队列数

zzzcms采用ASP ACCESS/MSSQL免费建站整站系统，所有源码开源完整，支持直接使用。 zzzcms要打造一款最简单、最安全、最舒服的建站系统，zzzcms的管理系统处处为了让站长更节省时间，减少站长和管理员工作，在交互上尽量减少操作步骤，优化流程，并支持按键exc,ctrl enter返回和提交功能，zzzcms功能和标签极其简单，方便记忆和编写。 3Zcms免费开源建站系统含手机 v1.5.0 Build20171107更新日志 1.全站上传系统更换为百度出品的webuploader，支持html5上传及flash兼容上传模式， 2.上传支持自动压缩图片，让用户不在因为不会压缩图片造成图片上传失败的囧相出现。 3.上传文件支持设置最大尺寸和压缩品质设定。 3.上传文件支持自定义命名规则。 4.上传文件支持设定重复替换规则。 5.上传文件支持设定大小限制，不再出现乱码报错，一头雾水。 6.上传文件支持直接选择，图片可重复利用。 7.上传文件管理功能中增加一键清除冗余文件。 8.后台UI细节调整，不再窜行。 9.后台选择分类功能修正。 10.在线模板及在线插件中增加建议搜索功能。 10.百度编辑器更换位置，放入后台目录，降低风险。 11.百度编辑器的上传图片功能统一改为webuploader。 12.百度编辑器的图片管理科选择已上传图片。 13.后台增加注入风险记录。 14.后台增加网站地图功能（后期预增加推送给百度蜘蛛）。 15.增加内容编辑中tag标签的选择功能。 16.前台默认模板增加支持三级栏目展现。 zzzcms功能介绍 1.支持电脑端手机端，支持无缝切换，支持手机自动识别。 2.支持站内模糊搜索，支持自定义搜索参数，支持搜索模型。 3.支持会员注册、登陆、找回密码、点对点发短信，修改会员头像等。 4.支持内容会员权限功能。 5.内置三套qq客服，支持多个qq，多个电话，多个联系人。 6.支持支持伪静态，静态，缓存，静态功能采用全自动模式。 7.支持数据库备份、恢复功能，支持mssql备份还原。 8.支持session、cookie模式切换，香港空间不怕狂掉线了。 9.支持批量上传图片，自定义参数，自动关键词，描述，tag标签等。 10.支持上传文件管理，支持冗余检测。 11.支持模板切换、管理，在线模板。 12.支持插件热插拔，在线插件。 13.支持留言、管理员回复。 14.支持自动缩略图，自动水印，支持png透明水印。 15.支持邮件提醒，支持配置设定，支持留言提醒。 16.支持验证码开关，支持手机短信验证码。 17.支持批量添加栏目，支持无线级栏目。 18.支持栏目模型管理。 19.支持栏目模型自定义参数管理。 20.支持幻灯管理，幻灯数量和分组不限。 21.支持友情链接管理，支持文本和图片友链。 22.支持广告管理，支持自定义样式。 23.支持Tag标签。 24.支持自定义内容。 25.支持首页，列表页，内容，单篇，品牌页翻页。 26.支持百度地图调用，自动标注，自动生成。 27.支持网站logo，手机logo，微信图片的上传。 28.支持编辑器远程图片本地化。 29.支持多个电话，多个qq，多个联系人，自动识别。 30.自动短信接口，支持注册验证码，找回验证码，会员短信。 31.支持sql server和access两种数据库，可随时切换安装。 32.支持分类和单篇短链接生成，更美观、更利于传播和优化。 zzzcms开源免费建站系统前台页面 zzzcms开源免费建站系统后台管理后台路径：域名/admin 用户名与密码：admin 123456 后台页面相关阅读同类推荐：开源CMS

大体分为3个阶段的学习：第一阶段是mvc基础的学习，通过通俗易懂的例子，体现mvc框架的优势；第二阶段是EF的学习，通过实际案例，体现orm框架的伟大之处；第三阶段是项目开发阶段，采用...WebUploader文件无刷新上传

##KodExplorer (http://kalcaddle.com/) ###ver2.61(2014.7.12) `商业版授权请联系：kalcaddle#qq.com` #### 1.是什么： - Kodexplorer为千帆网络工作室开发的一款服务器文件管理程序。 - 完美取代FTP管理：可用于服务器文件管理,zip解压缩备份还原、支持图片、音乐、视频预览、office、pdf等格式在线预览。文件夹拖拽上传……。 - 在线编程：支持几乎所有编程语言的在线编辑(高亮,多光标编辑.堪比本地的sublime) - 极佳的操作体验：及其便捷的快捷键支持,让你拥有本地化的体验 - 中文等多语言支持：中文编码全面兼容,文件编辑自动适配。 - 超快的速度：全面采用Ajax+Json进行数据通信,毫秒级的响应速度； - 全平台兼容性：Win Linux Mac (Apache、Nginx、IIS) #### 2.使用场景： - 取代FTP,服务端、客户端软件等复杂的安装配置。kod可以一键安装随处使用. - 你可以用它来管理你的服务器(备份,在线解压缩,版本发布....) - 你可以把他当做管理linux的一个操作系统界面 - 可以用来作为私有云存储系统,存储你的文件... - 当然你也可以用来分享文件 - Web IDE / browser code editor awesomeness - 更多场景等你来挖掘！…… #### 3.使用说明管理员： admin/admin 普通用户：demo/demo 游客用户：guest/guest [如何使用] 下载程序,解压上传到你的服务器路径下,data目录设置777权限。访问体验超便捷的服务吧！ (data目录没有写权限会导致配置修改不能保存、不能新建用户等) [关于上传问题] 程序没有做任何限制,如果需要上传大文件,则修改 php.ini：`upload_max_filesize = 1000M post_max_size = 1000M` [关于解压缩问题] 程序不做任何限制,如若失败请设置php内存限制。memory_limit 1000M [关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [忘记密码] 修改data/system/member.php 密码为明文的md5值例如将admin密码重设为admin 则修改第一行："name":"admin","password":"21232f297a57a5a743894a0e4a801fc3" ![](https://cloud.githubusercontent.com/assets/3761968/2583304/764f562a-b9cf-11e3-8e59-afdbdffc20eb.png) ###ver2.61 `2014/7/12` ---- ####update: - 实时搜索，根据搜索框内容变化，实时选中匹配到的结果; - 弹出搜索框遍历子文件夹递归搜索 - session key 加入kod_前缀避免和其他系统key冲突 - 编辑器选中优化选择鼠标到窗口外事件处理 ####fix bug:（bug解决和程序优化） - backspace后退截获浏览器事件,作为后退前一次访问的文件夹; - 搜索首字母不匹配问题 - 弹出层中的弹出层关闭，父窗口失去焦点问题。 - 代码中grunt部分代码拆分开，放到程序外面；提交到git、osc - 桌面：删除alert enter快捷键删除 - install 检测加入跳过，(只判断用到的函数) 加入多语言 - zip压缩没有权限提示红色,false 统一查找 - 登录成功后验证码输错清除 - 非root用户拖拽到文件夹问题 - 非root解压问题不能解压 - list oexe 图标问题 - 用户目录不存在判断 - fileCahe 互斥锁 reset 不用 - ie 8~10样式问题调整 ###ver2.6 `2014/7/6` ---- ####update: - 完全性优化;加入严格的校验机制 - 首次运行环境检测[data目录检测，必须的函数支持提示] - 上传已存在处理——创建副本(另外包括粘贴，解压) - 选中优化 ctrl选中拖拽 - 键盘快捷键选中文件,多个字符

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。具体接口参考webuploader接口文档地址一、图片上传功能引入资源  <link rel="stylesheet" type="text/css" href="webuploa...

搜索引擎技术

2,760

社区成员

2,052

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章