日期:2014-05-17  浏览次数:20737 次

关于uploadify上传插件的一个小问题
本帖最后由 jchuang2011 于 2013-11-04 17:53:06 编辑
目的:应公司网站需求,添加上传功能,整合uploadify插件。
需求:对上传的图片大小有严格的命名方式等;
现状:需求基本实现,存在用户体验问题;
问题:当用户一次性选择了上10个图片,若这些图片命名都不规范,则会对每个图片做出警告;这样一个一个的点击实在太麻烦,用户体验极差!
代码:
// 图片名字验证
//所有图片都必须以c (,g (,k (, n (,r (其中之一的开头,注意字母和左括号中有一个空格,且不区分大小写
var fileName = file.name;

var startWith = fileName.substr(0,3).toLowerCase();
if (startWith != 'c (' &&
startWith != 'g (' &&
startWith != 'k (' &&
startWith != 'n (' &&
startWith != 'r (') {

alert('所有图片命名请以c (,g (,k (, n (,r (其中之一的开头,注意字母和左括号中有一个空格,且不区分大小写');
uploadify.uploadify('cancel', file.id); // 清除列表,重新选择
uploadify.uploadify('destroy'); // 销毁当前插件实例
location.reload(); // 刷新当前页面
return false;
}

望各路大神不吝赐教!
JQuery?uploadify onSelect

------解决方案--------------------
不一定要用alert的方式进行警告啊,可以在上传图片的地方插入红色字体提示。可以对于命名正确的可以先上传成功,从而提高用户体验