Browse Source

附件上传

luyanan 6 years ago
parent
commit
1d1cabc214
2 changed files with 78 additions and 28 deletions
  1. 36 13
      cmp-portal/js/articalIssue.js
  2. 42 15
      cmp-portal/js/articalModify.js

+ 36 - 13
cmp-portal/js/articalIssue.js

@ -36,31 +36,31 @@ $(function() {
36 36
				multiple: false
37 37
			}
38 38
		});
39
		var fileId,fileArr=[];
39
		var fileId;
40 40
		// 当有文件添加进来的时候
41 41
		uploaderFile.on('fileQueued', function(file) {
42 42
			fileId = file.id;
43 43
			var $li = $(
44
					'<li class="ellipsisSty-2">'+
45
						file.name +
46
						'<div class="deleteThis"></div>'+
47
					'</li>'
48
				),
44
				'<li class="file_list ellipsisSty-2" data-id="'+file.id+'" data-size="'+file.size+'" data-url="'+file.uri+'" data-name="'+file.name+'">'+
45
					file.name +
46
					'<div class="deleteThis"></div>'+
47
				'</li>'
48
			),
49 49
				$file = $li.find('li');
50 50
			var $list = $("#fileAttachList");
51 51
			$list.prepend($li);
52
			
53 52
			var $len = $("#fileAttachList").find("li").length;
54
			if($len>0){
53
			if($len>0 && $len<5){
55 54
				$("#upAttachPicker").addClass("upAtteched")
56 55
				$("#upAttachPicker>.webuploader-pick").text('继续上传')
57 56
			}
57
			if($len>=5){
58
				$("#upAttachPicker").hide()
59
			}
58 60
		});
59 61
		uploaderFile.on('uploadSuccess', function(file, data) {
60 62
			if(data.success) {
61 63
				uploaderFile.removeFile(fileId);
62
				var fileItem = data.data[0]
63
				fileArr.push(fileItem)
64 64
			}
65 65
		});
66 66
	//校验标题
@ -217,6 +217,19 @@ $(function() {
217 217
		}
218 218
		$(this).parent().remove();
219 219
	})
220
	
221
	$("#fileAttachList").on("click", ".deleteThis",function() {
222
		var filid = $(this).parent().attr("data-id");
223
		var $len = $("#fileAttachList li").length;
224
		if($len>0 && $len<5){
225
			$("#upAttachPicker").show()
226
			$("#upAttachPicker").addClass("upAtteched")
227
			$("#upAttachPicker>.webuploader-pick").text('继续上传')
228
		}
229
		if($len>=5){
230
			$("#upAttachPicker").hide()
231
		}
232
	})
220 233

221 234
	function checkZj(_this,prd) {
222 235
		prEnd=prd;
@ -453,10 +466,20 @@ $(function() {
453 466
	}
454 467
	function fileArrli() {
455 468
		var arr=[];
456
		for(var i=0;i<fileArr.length;i++){
457
			var item=fileArr[i].uri+','+i+','+fileArr[i].size+','+fileArr[i].name;
469
		$("#fileAttachList li").each(function(i){
470
			var liid = $(this).attr("data-id"),
471
				liurl = $(this).attr("data-url")
472
				liname = $(this).attr("data-name"),
473
				lisize = $(this).attr("data-size"),
474
				liseq = $(this).attr("data-seq");
475
			var item
476
			if(liseq){
477
				item=liurl+','+liseq+','+lisize+','+liname;
478
			}else{
479
				item=liurl+','+i+','+lisize+','+liname;
480
			}
458 481
			arr.push(item)
459
		}
482
		})
460 483
		return $.unique(arr);
461 484
	}
462 485
	var seleClum ='<div class="mb-list mb-listL"><p>请选择文章发布的栏目:</p>'+

+ 42 - 15
cmp-portal/js/articalModify.js

@ -41,12 +41,12 @@ $(function() {
41 41
				multiple: false
42 42
			}
43 43
		});
44
		var fileId,fileArr=[];
44
		var fileId;
45 45
		// 当有文件添加进来的时候
46 46
		uploaderFile.on('fileQueued', function(file) {
47 47
			fileId = file.id;
48 48
			var $li = $(
49
				'<li class="ellipsisSty-2">'+
49
				'<li class="file_list ellipsisSty-2" data-id="'+file.id+'" data-size="'+file.size+'" data-url="'+file.uri+'" data-name="'+file.name+'">'+
50 50
					file.name +
51 51
					'<div class="deleteThis"></div>'+
52 52
				'</li>'
@ -55,19 +55,20 @@ $(function() {
55 55
			var $list = $("#fileAttachList");
56 56
			$list.prepend($li);
57 57
			var $len = $("#fileAttachList").find("li").length;
58
			if($len>0){
58
			if($len>0 && $len<5){
59 59
				$("#upAttachPicker").addClass("upAtteched")
60 60
				$("#upAttachPicker>.webuploader-pick").text('继续上传')
61 61
			}
62
			if($len>=5){
63
				$("#upAttachPicker").hide()
64
			}
62 65
		});
63 66
		uploaderFile.on('uploadSuccess', function(file, data) {
64 67
			if(data.success) {
65 68
				uploaderFile.removeFile(fileId);
66
				console.log(data)
67
				var fileItem = data.data[0]
68
				fileArr.push(fileItem)
69 69
			}
70 70
		});
71

71 72
	//校验标题
72 73
	$("#newstitle").on({
73 74
		focus: function() {
@ -239,7 +240,20 @@ $(function() {
239 240
		}
240 241
		$(this).parent().remove();
241 242
	})
242

243
	
244
	$("#fileAttachList").on("click", ".deleteThis",function() {
245
		var filid = $(this).parent().attr("data-id");
246
		var $len = $("#fileAttachList li").length;
247
		if($len>0 && $len<5){
248
			$("#upAttachPicker").show()
249
			$("#upAttachPicker").addClass("upAtteched")
250
			$("#upAttachPicker>.webuploader-pick").text('继续上传')
251
		}
252
		if($len>=5){
253
			$("#upAttachPicker").hide()
254
		}
255
	})
256
	
243 257
	function checkZj(_this,prd) {
244 258
		prEnd=prd;
245 259
		$.ajax({
@ -483,20 +497,23 @@ $(function() {
483 497
			"dataType" : "json",
484 498
			"data" :{"id":articleId},
485 499
			"success": function(data) {
486
				console.log(data)
487 500
				if(data.success && data.data) {
488
					for(var i = 0; i < data.data.length; i++) {
489
						var itlist = '<li class="ellipsisSty-2">'+
490
							data.data[i].name +
501
					var $data=data.data;
502
					for(var i = 0; i < $data.length; i++) {
503
						var itlist = '<li class="ellipsisSty-2" data-id="'+$data[i].id+'" data-size="'+$data[i].size+'" data-url="'+$data[i].url+'" data-name="'+$data[i].name+'" data-seq="'+$data[i].seq+'">'+
504
							$data[i].name +
491 505
							'<div class="deleteThis"></div>'+
492 506
						'</li>'
493 507
						$("#fileAttachList").append(itlist);
494 508
					}
495 509
					var $len = $("#fileAttachList").find("li").length;
496
					if($len>0){
510
					if($len>0 && $len<5){
497 511
						$("#upAttachPicker").addClass("upAtteched")
498 512
						$("#upAttachPicker>.webuploader-pick").text('继续上传')
499 513
					}
514
					if($len>=5){
515
						$("#upAttachPicker").hide()
516
					}
500 517
				}
501 518
			}
502 519
		});
@ -708,10 +725,20 @@ releventService()
708 725
	}
709 726
	function fileArrli() {
710 727
		var arr=[];
711
		for(var i=0;i<fileArr.length;i++){
712
			var item=fileArr[i].uri+','+i+','+fileArr[i].size+','+fileArr[i].name;
728
		$("#fileAttachList li").each(function(i){
729
			var liid = $(this).attr("data-id"),
730
				liurl = $(this).attr("data-url")
731
				liname = $(this).attr("data-name"),
732
				lisize = $(this).attr("data-size"),
733
				liseq = $(this).attr("data-seq");
734
			var item
735
			if(liseq){
736
				item=liurl+','+liseq+','+lisize+','+liname;
737
			}else{
738
				item=liurl+','+i+','+lisize+','+liname;
739
			}
713 740
			arr.push(item)
714
		}
741
		})
715 742
		return $.unique(arr);
716 743
	}
717 744