[关闭]
@chenxushan 2016-03-15T12:06:05.000000Z 字数 5988 阅读 1039

积分管理系统api

未分类

外部资源链接

前端js功能说明

多图片上传

  1. .ul_pics li{float:left;width:50px;height:50px;border:1px solid #ddd;padding:2px;text-align: center;margin:0 5px 5px 0;}
  2. .ul_pics li img{max-width: 40px;max-height: 40px;vertical-align: middle;}
  3. .progress{position:relative;padding: 1px; border-radius:3px; margin:60px 0 0 0;}
  4. .bar {background-color: green; display:block; width:0%; height:20px; border-radius:3px; }
  5. .percent{position:absolute; height:20px; display:inline-block;top:3px; left:2%; color:#fff }
  2. UploadImg('btn','ul_pics','/test/pictest',4);
  3.     function UploadImg (clickEventId,EventUlId,ServerUrl,ImgCount){
  4.         var ulId = "#"+EventUlId;
  5.         var clickBtn = "#"+clickEventId;
  6.         var uploader = new plupload.Uploader({ //创建实例的构造方法
  7. //          runtimes: 'html5,flash,silverlight,html4',
  8.             //上传插件初始化选用那种方式的优先级顺序
  9.             browse_button: clickEventId,
  10.             // 上传按钮
  11.             url: ServerUrl,
  12.             //远程上传地址
  13. //        flash_swf_url: 'plupload/Moxie.swf',
  14.             //flash文件地址
  15. //        silverlight_xap_url: 'plupload/Moxie.xap',
  16.             //silverlight文件地址
  17.             filters: {
  18.                 max_file_size: '500kb',
  19.                 //最大上传文件大小（格式100b, 10kb, 10mb, 1gb）
  20.                 mime_types: [ //允许文件上传类型
  21.                     {
  22.                         title: "files",
  23.                         extensions: "jpg,png,gif"
  24.                     }]
  25.             },
  26.             multi_selection: true,
  27.             //true:ctrl多文件上传, false 单文件上传
  28.             init: {
  29.                 FilesAdded: function(up, files) { //文件上传前
  30.                     if ($(ulId).children("li").length > ImgCount) {
  31. 						alert("您上传的图片太多了！");
  32. 						uploader.destroy();
  33. 		        } else {
  34. 					var li = '';
  35. 					plupload.each(files,
  36. 							function(file) { //遍历文件
  37. 								li += "<li id='" + file['id'] + "'><div class='progress'><span class='bar'></span><span class='percent'>0%</span></div></li>";
  38. 							});
  39. 					$(ulId).prepend(li);
  40. 					uploader.start();
  41. 				}
  42. 			},
  43. 			UploadProgress: function(up, file) { //上传中，显示进度条
  44. 				$("#" + file.id).find('.bar').css({
  45.                     "width": file.percent + "%"
  46.                 }).find(".percent").text(file.percent + "%");
  47.             },
  48.             FileUploaded: function(up, file, info) { //文件上传成功的时候触发
  49.                 var data = JSON.parse(info.response);
  51.                 $("#" + file.id).html("<div class='img'><img src='" +'/uploads/test/'+data.picuris + "'/></div><p>");
  52. 				if($(ulId).children("li").length > ImgCount){
  53. //                      $(clickBtn).hide();
  54. 					$(clickBtn).remove();
  55.                     uploader.destroy();
  56.                 }
  57.             },
  58.             Error: function(up, err) { //上传出错的时候触发
  59.                 alert(err.message);
  60.             }
  61.         }
  62.     });
  63.     uploader.init();
  64.     }

三、用户模块API

界面侧栏

1、待领任务

2、获取我的任务

3、获取用户已经领取的当日任务

4、获取已经审核的任务

5、获取未审核的任务

6、获取员工信息

7、用户提交愿望福利

8、用户提交建议或意见

9、员工搜索自己的任务

添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注