zhoufan лет назад: 7
Родитель
Сommit
fca918f3e2
1 измененных файлов с 106 добавлено и 112 удалено
  1. 106 112
      WebChat/js/feedback-page.js

+ 106 - 112
WebChat/js/feedback-page.js

@@ -1,117 +1,111 @@
1
-(function(mui, window, document, undefined) {
2
-	mui.init();
3
-	var get = function(id) {
4
-		return document.getElementById(id);
5
-	};
6
-	var qsa = function(sel) {
7
-		return [].slice.call(document.querySelectorAll(sel));
8
-	};
9
-	var ui = {
10
-		question: get('question'),
11
-		contact: get('contact'),
12
-		imageList: get('image-list'),
13
-		submit: get('submit')
14
-	};
15
-	ui.clearForm = function() {
16
-		ui.question.value = '';
17
-		ui.contact.value = '';
18
-		ui.imageList.innerHTML = '';
19
-		ui.newPlaceholder();
20
-	};
21
-	ui.getFileInputArray = function() {
22
-		return [].slice.call(ui.imageList.querySelectorAll('input[type="file"]'));
23
-	};
24
-	ui.getFileInputIdArray = function() {
25
-		var fileInputArray = ui.getFileInputArray();
26
-		var idArray = [];
27
-		fileInputArray.forEach(function(fileInput) {
28
-			if(fileInput.value != '') {
29
-				idArray.push(fileInput.getAttribute('id'));
30
-			}
31
-		});
32
-		return idArray;
33
-	};
34
-	var imageIndexIdNum = 0;
35
-	ui.newPlaceholder = function() {
36
-		var fileInputArray = ui.getFileInputArray();
37
-		if(fileInputArray &&
38
-			fileInputArray.length > 0 &&
39
-			fileInputArray[fileInputArray.length - 1].parentNode.classList.contains('space')) {
40
-			return;
41
-		}
42
-		imageIndexIdNum++;
43
-		var placeholder = document.createElement('div');
44
-		placeholder.setAttribute('class', 'image-item space');
45
-		var closeButton = document.createElement('div');
46
-		closeButton.setAttribute('class', 'image-close');
47
-		closeButton.innerHTML = 'X';
48
-		closeButton.addEventListener('click', function(event) {
49
-			event.stopPropagation();
50
-			event.cancelBubble = true;
51
-			setTimeout(function() {
52
-				ui.imageList.removeChild(placeholder);
53
-			}, 0);
54
-			return false;
55
-		}, false);
56
-		var fileInput = document.createElement('input');
57
-		fileInput.setAttribute('type', 'file');
58
-		//multiple="true"
59
-		fileInput.setAttribute('class', 'image-box ');
60
-		fileInput.setAttribute('accept', 'image/gif, image/jpeg, image/png');
61
-		fileInput.setAttribute('id', 'image-' + imageIndexIdNum);
1
+(function (mui, window, document, undefined) {
2
+    mui.init();
3
+    var get = function (id) {
4
+        return document.getElementById(id);
5
+    };
6
+    var qsa = function (sel) {
7
+        return [].slice.call(document.querySelectorAll(sel));
8
+    };
9
+    var ui = {
10
+        question: get('question'),
11
+        contact: get('contact'),
12
+        imageList: get('image-list'),
13
+        submit: get('submit')
14
+    };
15
+    ui.clearForm = function () {
16
+        ui.question.value = '';
17
+        ui.contact.value = '';
18
+        ui.imageList.innerHTML = '';
19
+        ui.newPlaceholder();
20
+    };
21
+    ui.getFileInputArray = function () {
22
+        return [].slice.call(ui.imageList.querySelectorAll('input[type="file"]'));
23
+    };
24
+    ui.getFileInputIdArray = function () {
25
+        var fileInputArray = ui.getFileInputArray();
26
+        var idArray = [];
27
+        fileInputArray.forEach(function (fileInput) {
28
+            if (fileInput.value != '') {
29
+                idArray.push(fileInput.getAttribute('id'));
30
+            }
31
+        });
32
+        return idArray;
33
+    };
34
+    var imageIndexIdNum = 0;
35
+    ui.newPlaceholder = function () {
36
+        var fileInputArray = ui.getFileInputArray();
37
+        if (fileInputArray &&
38
+            fileInputArray.length > 0 &&
39
+            fileInputArray[fileInputArray.length - 1].parentNode.classList.contains('space')) {
40
+            return;
41
+        }
42
+        imageIndexIdNum++;
43
+        var placeholder = document.createElement('div');
44
+        placeholder.setAttribute('class', 'image-item space');
45
+        var closeButton = document.createElement('div');
46
+        closeButton.setAttribute('class', 'image-close');
47
+        closeButton.innerHTML = 'X';
48
+        closeButton.addEventListener('click', function (event) {
49
+            event.stopPropagation();
50
+            event.cancelBubble = true;
51
+            setTimeout(function () {
52
+                ui.imageList.removeChild(placeholder);
53
+            }, 0);
54
+            return false;
55
+        }, false);
56
+        var fileInput = document.createElement('input');
57
+        fileInput.setAttribute('type', 'file');
58
+        //multiple="true"
59
+        fileInput.setAttribute('class', 'image-box');
60
+        fileInput.setAttribute('accept', 'image/gif, image/jpeg, image/png, image/jpg');
61
+        fileInput.setAttribute('id', 'image-' + imageIndexIdNum);
62 62
 
63
-		fileInput.addEventListener('change', function(event) {
64
-			var file = fileInput.files[0];
65
-			var lengh = document.getElementsByClassName("image-item").length;
66
-			if(lengh <6) {
67
-				if(file) {
68
-					var filename = $("#image-" + imageIndexIdNum).val();
69
-					fileName = filename.split("\\")[2];
70
-//					alert(fileName);
71
-					var reader = new FileReader();
72
-					reader.onload = function() {
73
-						//处理 android 4.1 兼容问题
74
-						var base64 = reader.result.split(',')[1];
75
-						var dataUrl = 'data:image/png;base64,' + base64;
76
-						var usercode = localStorage.getItem("user"); //获取本地存储
77
-						//image-box 
78
-						//
79
-						placeholder.style.backgroundImage = 'url(' + dataUrl + ')';
80
-						$.ajax({
81
-							type: "post",
82
-							url: huayi.config.callcenter_url +'/Web/Upload64',
83
-							async: true,
84
-							dataType: 'json',
85
-							data: {
86
-								dataurl: dataUrl,
87
-								usercode: usercode,
88
-								filename:fileName,
89
-							},
63
+        fileInput.addEventListener('change', function (event) {
64
+            var file = fileInput.files[0];
65
+            var lengh = document.getElementsByClassName("image-item").length;
66
+            if (lengh < 6) {
67
+                if (file) {
68
+                    //var filename = $("#image-" + imageIndexIdNum).val();
69
+                    //fileName = filename.split("\\")[2];
70
+                    var fileName = file.name;//"";//
71
+                    //alert(fileName);
72
+                    var reader = new FileReader();
73
+                    reader.onload = function () {
74
+                        //处理 android 4.1 兼容问题
75
+                        var base64 = reader.result.split(',')[1];
76
+                        var dataUrl = 'data:image/png;base64,' + base64;
77
+                        placeholder.style.backgroundImage = 'url(' + dataUrl + ')';
78
+                        $.ajax({
79
+                            type: "post",
80
+                            url: huayi.config.callcenter_url + '/Web/Upload64',
81
+                            async: true,
82
+                            dataType: 'json',
83
+                            data: {
84
+                                dataurl: dataUrl,
85
+                                filename: fileName
86
+                            },
90 87
 
91
-							success: function(data) {
92
-								if(data.state == "success") {
93
-									fileInput.setAttribute('indexs', data.data.F_FileId);
94
-									mui.toast('上传成功'); 
95
-									
96
-								} else {
97
-									mui.alert(data.message);
98
-								}
99
-							}
100
-						});
101
-					}
88
+                            success: function (data) {
89
+                                if (data.state == "success") {
90
+                                    fileInput.setAttribute('indexs', data.data.F_FileId);
91
+                                    mui.toast('上传成功');
92
+                                }
93
+                            }
94
+                        });
95
+                    }
102 96
 
103
-					reader.readAsDataURL(file);
104
-					placeholder.classList.remove('space');
105
-					ui.newPlaceholder();
106
-				}
107
-			}else{
108
-				mui.toast('最多上传五张');
109
-			}
97
+                    reader.readAsDataURL(file);
98
+                    placeholder.classList.remove('space');
99
+                    ui.newPlaceholder();
100
+                }
101
+            } else {
102
+                mui.toast('最多上传五张');
103
+            }
110 104
 
111
-		}, false);
112
-		placeholder.appendChild(closeButton);
113
-		placeholder.appendChild(fileInput);
114
-		ui.imageList.appendChild(placeholder);
115
-	};
116
-	ui.newPlaceholder();
105
+        }, false);
106
+        placeholder.appendChild(closeButton);
107
+        placeholder.appendChild(fileInput);
108
+        ui.imageList.appendChild(placeholder);
109
+    };
110
+    ui.newPlaceholder();
117 111
 })(mui, window, document, undefined);