79bac349 by 任超

style:图片上传

1 parent 9cf2eae0
...@@ -14,19 +14,17 @@ $(function () { ...@@ -14,19 +14,17 @@ $(function () {
14 var sizeObj = []; 14 var sizeObj = [];
15 var flieList = []; 15 var flieList = [];
16 function handleUpdate(e, $input) { 16 function handleUpdate(e, $input) {
17 let inputList = [] 17 if (flieList.length >= $("#" + $input).attr('numList')) {
18 inputList.push($input)
19 if (flieList.length >= 2) {
20 layer.msg('已经完成上传最大限度', { icon: 5 }); 18 layer.msg('已经完成上传最大限度', { icon: 5 });
21 return false 19 return false
22 } else { 20 } else {
23 let file = []; 21 let file = [];
24 file.push(e.files[0]) 22 file.push(e.files[0])
25 analysisList(file, document.getElementById("#" + $input), $input); 23 analysisList(file, $input);
26 } 24 }
27 } 25 }
28 //解析列表函数 26 //解析列表函数
29 function analysisList(obj, inputName, $input) { 27 function analysisList(obj, $input) {
30 //如果没有文件 28 //如果没有文件
31 if (obj.length < 1) { 29 if (obj.length < 1) {
32 return false; 30 return false;
...@@ -48,9 +46,10 @@ function analysisList(obj, inputName, $input) { ...@@ -48,9 +46,10 @@ function analysisList(obj, inputName, $input) {
48 //给json对象添加内容,得到选择的文件的数据 46 //给json对象添加内容,得到选择的文件的数据
49 var itemArr = [fileObj, name, size]; //文件,文件名,文件大小,文件类型 47 var itemArr = [fileObj, name, size]; //文件,文件名,文件大小,文件类型
50 flieList.push(itemArr); 48 flieList.push(itemArr);
51 if (flieList.length == 2) { 49 if (flieList.length == $("#" + $input).attr('numList')) {
50 sizeObj = [];
52 $("#" + $input).parent().find('.update').attr('src', '../../staticImages/Yes.png'); 51 $("#" + $input).parent().find('.update').attr('src', '../../staticImages/Yes.png');
53 $("#" + $input).parent().find('.updatetext').text('') 52 $("#" + $input).parent().find('.updatetext').text('');
54 } 53 }
55 //把这个文件的大小放进数组中 54 //把这个文件的大小放进数组中
56 sizeObj.push(size); 55 sizeObj.push(size);
...@@ -72,17 +71,4 @@ function createList($input) { ...@@ -72,17 +71,4 @@ function createList($input) {
72 '</li>' 71 '</li>'
73 ); 72 );
74 } 73 }
75 }
76
77 function isRepeat(arr) //不重复FALSE 重复true
78 {
79 var hash = {};
80 for (var i in arr) {
81 if (hash[arr[i]]) {
82 return true;
83 }
84 // 不存在该元素,则赋值为true,可以赋任意值,相应的修改if判断条件即可
85 hash[arr[i]] = true;
86 }
87 return false;
88 } 74 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
116 <div class="img_update"> 116 <div class="img_update">
117 <div class="fileBox"> 117 <div class="fileBox">
118 <div class="fileSpan vm"> 118 <div class="fileSpan vm">
119 <input type="file" multiple id="fileInput" onchange="handleUpdate(this,'fileInput')"/> 119 <input type="file" multiple id="fileInput" numList="2" onchange="handleUpdate(this,'fileInput')"/>
120 <div class="file_name"> 120 <div class="file_name">
121 <img class="update" src="../../staticImages/update.png"> 121 <img class="update" src="../../staticImages/update.png">
122 <p class="updatetext">点击文件上传</p> 122 <p class="updatetext">点击文件上传</p>
...@@ -142,7 +142,7 @@ ...@@ -142,7 +142,7 @@
142 </div> 142 </div>
143 143
144 <!-- 询问笔录 --> 144 <!-- 询问笔录 -->
145 <div class="img_update"> 145 <!-- <div class="img_update">
146 <div class="fileBox"> 146 <div class="fileBox">
147 <div class="fileSpan vm"> 147 <div class="fileSpan vm">
148 <input type="file" multiple id="fileInput3" /> 148 <input type="file" multiple id="fileInput3" />
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
155 </div> 155 </div>
156 <div class="certificate">询问笔录(1)份</div> 156 <div class="certificate">询问笔录(1)份</div>
157 </div> 157 </div>
158 </div> 158 </div> -->
159 </div> 159 </div>
160 <div class="next_button submitButton"> 160 <div class="next_button submitButton">
161 <button type="button" class="layui-btn layui-btn-normal" onclick="skipClick()"> 161 <button type="button" class="layui-btn layui-btn-normal" onclick="skipClick()">
...@@ -169,8 +169,6 @@ ...@@ -169,8 +169,6 @@
169 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> 169 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
170 <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script> 170 <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script>
171 <script type="text/javascript" src="../../staticJs/imageUpdate.js"></script> 171 <script type="text/javascript" src="../../staticJs/imageUpdate.js"></script>
172 <script type="text/javascript" src="../../staticJs/imageUpdate1.js"></script>
173 <script type="text/javascript" src="../../staticJs/imageUpdate3.js"></script>
174 <script type="text/javascript" src="../../staticJs/city-picker.js"></script> 172 <script type="text/javascript" src="../../staticJs/city-picker.js"></script>
175 <script type="text/javascript" src="../../staticJs/down.js"></script> 173 <script type="text/javascript" src="../../staticJs/down.js"></script>
176 <script type="text/html" id="barDemo"> 174 <script type="text/html" id="barDemo">
......