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
				multiple: false
36
				multiple: false
37
			}
37
			}
38
		});
38
		});
39
		var fileId,fileArr=[];
39
		var fileId;
40
		// 当有文件添加进来的时候
40
		// 当有文件添加进来的时候
41
		uploaderFile.on('fileQueued', function(file) {
41
		uploaderFile.on('fileQueued', function(file) {
42
			fileId = file.id;
42
			fileId = file.id;
43
			var $li = $(
43
			var $li = $(
44
					'<li class="ellipsisSty-2">'+
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 +
45
					file.name +
46
						'<div class="deleteThis"></div>'+
46
					'<div class="deleteThis"></div>'+
47
					'</li>'
47
				'</li>'
48
				),
48
			),
49
				$file = $li.find('li');
49
				$file = $li.find('li');
50
			var $list = $("#fileAttachList");
50
			var $list = $("#fileAttachList");
51
			$list.prepend($li);
51
			$list.prepend($li);
52
			
53
			var $len = $("#fileAttachList").find("li").length;
52
			var $len = $("#fileAttachList").find("li").length;
54
			if($len>0){
53
			if($len>0 && $len<5){
55
				$("#upAttachPicker").addClass("upAtteched")
54
				$("#upAttachPicker").addClass("upAtteched")
56
				$("#upAttachPicker>.webuploader-pick").text('继续上传')
55
				$("#upAttachPicker>.webuploader-pick").text('继续上传')
57
			}
56
			}
57
			if($len>=5){
58
				$("#upAttachPicker").hide()
59
			}
58
		});
60
		});
59
		uploaderFile.on('uploadSuccess', function(file, data) {
61
		uploaderFile.on('uploadSuccess', function(file, data) {
60
			if(data.success) {
62
			if(data.success) {
61
				uploaderFile.removeFile(fileId);
63
				uploaderFile.removeFile(fileId);
62
				var fileItem = data.data[0]
63
				fileArr.push(fileItem)
64
			}
64
			}
65
		});
65
		});
66
	//校验标题
66
	//校验标题
217
		}
217
		}
218
		$(this).parent().remove();
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
	function checkZj(_this,prd) {
234
	function checkZj(_this,prd) {
222
		prEnd=prd;
235
		prEnd=prd;
453
	}
466
	}
454
	function fileArrli() {
467
	function fileArrli() {
455
		var arr=[];
468
		var arr=[];
456
		for(var i=0;i<fileArr.length;i++){
469
		$("#fileAttachList li").each(function(i){
457
			var item=fileArr[i].uri+','+i+','+fileArr[i].size+','+fileArr[i].name;
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
			arr.push(item)
481
			arr.push(item)
459
		}
482
		})
460
		return $.unique(arr);
483
		return $.unique(arr);
461
	}
484
	}
462
	var seleClum ='<div class="mb-list mb-listL"><p>请选择文章发布的栏目:</p>'+
485
	var seleClum ='<div class="mb-list mb-listL"><p>请选择文章发布的栏目:</p>'+

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

41
				multiple: false
41
				multiple: false
42
			}
42
			}
43
		});
43
		});
44
		var fileId,fileArr=[];
44
		var fileId;
45
		// 当有文件添加进来的时候
45
		// 当有文件添加进来的时候
46
		uploaderFile.on('fileQueued', function(file) {
46
		uploaderFile.on('fileQueued', function(file) {
47
			fileId = file.id;
47
			fileId = file.id;
48
			var $li = $(
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
					file.name +
50
					file.name +
51
					'<div class="deleteThis"></div>'+
51
					'<div class="deleteThis"></div>'+
52
				'</li>'
52
				'</li>'
55
			var $list = $("#fileAttachList");
55
			var $list = $("#fileAttachList");
56
			$list.prepend($li);
56
			$list.prepend($li);
57
			var $len = $("#fileAttachList").find("li").length;
57
			var $len = $("#fileAttachList").find("li").length;
58
			if($len>0){
58
			if($len>0 && $len<5){
59
				$("#upAttachPicker").addClass("upAtteched")
59
				$("#upAttachPicker").addClass("upAtteched")
60
				$("#upAttachPicker>.webuploader-pick").text('继续上传')
60
				$("#upAttachPicker>.webuploader-pick").text('继续上传')
61
			}
61
			}
62
			if($len>=5){
63
				$("#upAttachPicker").hide()
64
			}
62
		});
65
		});
63
		uploaderFile.on('uploadSuccess', function(file, data) {
66
		uploaderFile.on('uploadSuccess', function(file, data) {
64
			if(data.success) {
67
			if(data.success) {
65
				uploaderFile.removeFile(fileId);
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
	$("#newstitle").on({
73
	$("#newstitle").on({
73
		focus: function() {
74
		focus: function() {
239
		}
240
		}
240
		$(this).parent().remove();
241
		$(this).parent().remove();
241
	})
242
	})
242

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
	function checkZj(_this,prd) {
257
	function checkZj(_this,prd) {
244
		prEnd=prd;
258
		prEnd=prd;
245
		$.ajax({
259
		$.ajax({
483
			"dataType" : "json",
497
			"dataType" : "json",
484
			"data" :{"id":articleId},
498
			"data" :{"id":articleId},
485
			"success": function(data) {
499
			"success": function(data) {
486
				console.log(data)
487
				if(data.success && data.data) {
500
				if(data.success && data.data) {
488
					for(var i = 0; i < data.data.length; i++) {
501
					var $data=data.data;
489
						var itlist = '<li class="ellipsisSty-2">'+
502
					for(var i = 0; i < $data.length; i++) {
490
							data.data[i].name +
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
							'<div class="deleteThis"></div>'+
505
							'<div class="deleteThis"></div>'+
492
						'</li>'
506
						'</li>'
493
						$("#fileAttachList").append(itlist);
507
						$("#fileAttachList").append(itlist);
494
					}
508
					}
495
					var $len = $("#fileAttachList").find("li").length;
509
					var $len = $("#fileAttachList").find("li").length;
496
					if($len>0){
510
					if($len>0 && $len<5){
497
						$("#upAttachPicker").addClass("upAtteched")
511
						$("#upAttachPicker").addClass("upAtteched")
498
						$("#upAttachPicker>.webuploader-pick").text('继续上传')
512
						$("#upAttachPicker>.webuploader-pick").text('继续上传')
499
					}
513
					}
514
					if($len>=5){
515
						$("#upAttachPicker").hide()
516
					}
500
				}
517
				}
501
			}
518
			}
502
		});
519
		});
708
	}
725
	}
709
	function fileArrli() {
726
	function fileArrli() {
710
		var arr=[];
727
		var arr=[];
711
		for(var i=0;i<fileArr.length;i++){
728
		$("#fileAttachList li").each(function(i){
712
			var item=fileArr[i].uri+','+i+','+fileArr[i].size+','+fileArr[i].name;
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
			arr.push(item)
740
			arr.push(item)
714
		}
741
		})
715
		return $.unique(arr);
742
		return $.unique(arr);
716
	}
743
	}
717
	
744