Apicloud——關於上傳圖片、視頻（二）
2019-03-26 09:53:22javascript
不少時候都佩服本身寫的東西，至關的低劣了（T-T）。css
從新整理一下上傳圖片與視屏，對我來講已經精簡了不少了，實際應用中多個文件如今成了一個文件了。html
雖然仍是至關的低劣，可是收穫仍是挺多的，對操做數組和dom有了更多的認識。java
效果：jquery
數據結構：ajax
1 { 2 "code": 200, 3 "message": "獲取成功!", 4 "data": [{ 5 "type": 1, 6 "stage": "", 7 "list_content": [{ 8 "material_id": 1, 9 "type": 1, 10 "type_name": "aaa", 11 "stage": "basic", 12 "material_content": [{ 13 "name": "身份證正面", 14 "material_path": "" 15 }, 16 { 17 "name": "身份證正面", 18 "material_path": "" 19 }, 20 { 21 "name": "身份證正面", 22 "material_path": "" 23 } 24 ] 25 }, 26 { 27 "material_id": 2, 28 "type": 1, 29 "type_name": "aaa", 30 "stage": "basic", 31 "material_content": [{ 32 "name": "身份證反面", 33 "material_path": "" 34 }, 35 { 36 "name": "身份證反面", 37 "material_path": "" 38 } 39 ] 40 } 41 ] 42 }。。。。。。。。。。。。。。。
整個HTML部分：api
1 <body> 2 3 <header style="display:flex;flex-direction:column-reverse;" class="buy_car_wrap00 mui-bar" id="header"> 4 <div style="width:100%;height:60px;display:flex;justify-content:space-around;align-items:center;"> 5 <div class="buy_car_arrowl" onclick="api.closeWin()"></div> 6 <div style="height:100%;width:65%;display:flex;align-items:center;justify-content:center;">上傳終審資料</div> 7 <div></div> 8 </div> 9 </header> 10 11 <div class="z" id="z" style="margin-bottom:50px;"> 12 13 </div> 14 15 <nav class="mui-bar mui-bar-tab nav" id="nav" onclick="updata()" style="width:100%;height:50px;display:flex;justify-content: center;align-items: center;"> 16 <div style="height:50px;display:flex;justify-content: center;align-items: center;">提交</div> 17 </nav> 18 19 <div style="display:none;background-color:black;opacity: 0.9;position:absolute;z-index:9999!important;height:100%;width:100%" id="bigpic"> 20 <img src="" alt="" style="height: 45%;width: 98%;margin-top:50%;border-radius: 4px;opacity: 1;"> 21 </div> 22 23 </body>
數據循環部分：數組
先循環了標題，而後在對應標題中循環了圖片或者視屏。數據結構
1 function xin() { 2 api.ajax({ 3 url: 'http://xxxxx/index/repay/getRepayDataNew', 4 method: 'post', 5 data: { 6 values: { 7 order_id: upnames 8 } 9 } 10 }, function(ret, err) { 11 if (ret) { 12 // console.log(JSON.stringify(ret.data)); 13 var retData = ret.data; 14 console.log(retData.length); 15 16 for (var i = 0; i < retData.length; i++) { 17 // console.log(JSON.stringify(retData[i].list_content)) 18 var means = retData[i].list_content 19 20 21 // xinstr.length = 0; 22 for (var j = 0; j < means.length; j++) { 23 // console.log(JSON.stringify(means[j].material_content[0].name)) 24 var biaoti = means[j].material_content[0].name; 25 26 var tj = means[j].material_content; 27 // console.log(JSON.stringify(tj.length)); 28 biaotiid = means[j].material_id; 29 types = means[j].type; 30 31 32 xinstr.push(biaotiid) 33 34 var biaoti_html = '' 35 biaoti_html += '<div class="fangku2">' + 36 '<div class="customer">' + 37 '<div class="top">' + biaoti + '</div>' + 38 '<div class="kuang">' + 39 40 41 '<div class="img">' + 42 '<div style="margin:5px;" class="po" id="' + biaotiid + '" onclick="add(' + biaotiid + ',' + types + ',this)">' + 43 '<img src="../icon/add.png" alt="" id="">' + 44 '<div class="tzi" >添加</div>' + 45 '</div>' + 46 '</div>' + 47 48 49 '<div class="c"></div>' + 50 '</div>' + 51 '</div>' + 52 '</div>' 53 54 $('#z').append(biaoti_html); 55 56 57 for (var z = 0; z < tj.length; z++) { 58 // console.log(JSON.stringify(tj)); 59 var pss = tj[z].material_path; 60 var wipelater = pss.replace(/http:\/\/[^\/]*/g, "").replace(/\"/g, ""); 61 str0 = pss.substring(pss.length - 5, pss.length - 9); 62 var str = pss.substring(pss.length - 4, pss.length - 9); 63 var pic_html = ''; 64 if (types == 3) { 65 pic_html += '<div style="margin:5px;" id="' + biaotiid + '" class="' + biaotiid + '">' + 66 '<img src="../icon/sp.png" alt="' + wipelater + '" id="' + str + '" name="' + pss + '" onclick="play(this,0)">' + 67 '<div class="tzi" style="color:red" onclick="deletePic(\'' + wipelater + '\',this)">刪除</div>' + 68 '</div>' 69 } else { 70 pic_html += '<div style="margin:5px;" id="' + biaotiid + '" class="' + biaotiid + '">' + 71 '<img src="' + tj[z].material_path + '" alt="' + wipelater + '" id="' + str + '" onclick="enlarge(this)">' + 72 '<div class="tzi" style="color:red" onclick="deletePic(\'' + wipelater + '\',this)">刪除</div>' + 73 '</div>' 74 } 75 76 if (tj[z].material_path != '') { 77 $('#' + biaotiid + '').before(pic_html); 78 } 79 80 81 var altimg = $('#' + str0 + '').children('img').attr("alt"); 82 83 // console.log(altimg); 84 altimgArr.push(altimg); 85 list.push({ 86 [biaotiid]: wipelater 87 }) 88 89 } 90 91 } 92 93 } 94 95 } else { 96 alert(JSON.stringify(err)); 97 } 98 }); 99 }
數組處理部分：app
對push的新數組進行從新的整合。
1 //操做數組 2 function scy(roomNames) { 3 // console.log(roomNames); 4 // console.log(roomNames.length); 5 allRoom = {}; 6 if (roomNames.length > 0) { 7 for (var i = 0; i < roomNames.length; i++) { 8 var map = roomNames[i]; 9 // console.log($api.strToJson(map)); 10 for (var k in map) { 11 // console.log(k+','+map[k]); 12 if (k != null && k != 'null') { 13 if (allRoom.hasOwnProperty(k)) { //true 14 allRoom[k] += ',' + map[k]; 15 } else { 16 allRoom[k] = map[k]; 17 } 18 } 19 } 20 } 21 } 22 // console.log(JSON.stringify(allRoom)); 23 // list.push(allRoom) 24 }
刪除部分：
這裏不只須要刪除div同時要刪除數組中的數據。
1 //刪除圖片、視頻 2 function deletePic(btid, ever) { 3 // console.log(btid); 4 var strbtid = JSON.stringify(btid); 5 var strlist = JSON.stringify(list); 6 // console.log(); 7 for (var i = 0; i < list.length; i++) { 8 var ks = JSON.stringify(list[i]); 9 if (ks.indexOf(strbtid) != -1) { 10 list.splice(i, 1); 11 i--; 12 } 13 } 14 // console.log(JSON.stringify(list)); 15 ever.parentNode.parentNode.removeChild(ever.parentNode); 16 }
動態添加部分：
添加的圖片視屏，一樣是獲取圖片、視屏地址push入數組。
1 //動態添加公用函數 2 function addhtml(biaotiid, dynamic, change, typ) { 3 console.log(change); 4 str1 = change.substring(change.length - 4, change.length - 9); 5 var dongtai_html = ''; 6 7 if (typ == 3) { 8 console.log(JSON.stringify(dynamic)); 9 var vi = JSON.stringify(dynamic); 10 dynamic2 = vi.replace(/\"/g, "").replace(/\[/g, "").replace(/\]/g, ""); 11 console.log(dynamic2); 12 13 dongtai_html += '<div style="margin:5px;" id="' + biaotiid + '">' + 14 '<img src="../icon/sp.png" alt="' + change + '" name="' + change + '" onclick="play(this,1)">' + 15 '<div class="tzi" style="color:red" onclick="deletePic(\'' + change + '\',this)">刪除</div>' + 16 '</div>' 17 } else { 18 dongtai_html += '<div style="margin:5px;display:block;" id="' + biaotiid + '">' + 19 '<img onclick="enlarge(this);" src="' + dynamic + '" alt="' + change + '">' + 20 '<div class="tzi" onclick="deletePic(\'' + change + '\',this);" style="color:red;">刪除' + 21 '</div>' + 22 '</div>' 23 } 24 25 $('#' + biaotiid + '').before(dongtai_html); 26 27 // console.log($('#z').html()); 28 list.push({ 29 [biaotiid]: change 30 }); 31 // console.log(JSON.stringify(list)); 32 }
所有內容：
1 <!DOCTYPE HTML> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> 7 <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> 8 <title>業務員-終審上傳資料</title> 9 <link rel="stylesheet" type="text/css" href="../css/aui.css" /> 10 <link rel="stylesheet" type="text/css" href="../css/api.css" /> 11 <link rel="stylesheet" type="text/css" href="../css/style.css" /> 12 <link rel="stylesheet" type="text/css" href="../css/muimin.css" /> 13 <link rel="stylesheet" type="text/css" href="../css/finalupcss.css" /> 14 <style media="screen"> 15 16 </style> 17 </head> 18 19 <body> 20 21 <header style="display:flex;flex-direction:column-reverse;" class="buy_car_wrap00 mui-bar" id="header"> 22 <div style="width:100%;height:60px;display:flex;justify-content:space-around;align-items:center;"> 23 <div class="buy_car_arrowl" onclick="api.closeWin()"></div> 24 <div style="height:100%;width:65%;display:flex;align-items:center;justify-content:center;">上傳終審資料</div> 25 <div></div> 26 </div> 27 </header> 28 29 <div class="z" id="z" style="margin-bottom:50px;"> 30 31 </div> 32 33 <nav class="mui-bar mui-bar-tab nav" id="nav" onclick="updata()" style="width:100%;height:50px;display:flex;justify-content: center;align-items: center;"> 34 <div style="height:50px;display:flex;justify-content: center;align-items: center;">提交</div> 35 </nav> 36 37 <div style="display:none;background-color:black;opacity: 0.9;position:absolute;z-index:9999!important;height:100%;width:100%" id="bigpic"> 38 <img src="" alt="" style="height: 45%;width: 98%;margin-top:50%;border-radius: 4px;opacity: 1;"> 39 </div> 40 41 </body> 42 <script type="text/javascript" src="../script/api.js"></script> 43 <script type="text/javascript" src="../script/jquerymin.js"></script> 44 <script type="text/javascript" src="../script/muimin.js"></script> 45 <script type="text/javascript" src="../script/finalup.js"></script> 46 <script> 47 var user_id = $api.getStorage('user_id'); 48 var str0; 49 var biaotiid; 50 var xinstr = []; 51 var altimgArr = []; 52 var list = []; 53 var types; 54 var video_vi; 55 56 57 // var dd = '20180508171316363781' 58 apiready = function() { 59 upnames = api.pageParam.upname; 60 upnums = api.pageParam.upnum; 61 console.log(JSON.stringify(upnames)); 62 console.log(JSON.stringify(upnums)); 63 // zsreceive(); 64 65 xin(); 66 67 //加紅點 68 var newdiv = '<div style="color:red;">*</div>' 69 $('.top').prepend(newdiv); 70 }; 71 72 function xin() { 73 api.ajax({ 74 url: 'http://xxxxx/index/repay/getRepayDataNew', 75 method: 'post', 76 data: { 77 values: { 78 order_id: upnames 79 } 80 } 81 }, function(ret, err) { 82 if (ret) { 83 // console.log(JSON.stringify(ret.data)); 84 var retData = ret.data; 85 console.log(retData.length); 86 87 for (var i = 0; i < retData.length; i++) { 88 // console.log(JSON.stringify(retData[i].list_content)) 89 var means = retData[i].list_content 90 91 92 // xinstr.length = 0; 93 for (var j = 0; j < means.length; j++) { 94 // console.log(JSON.stringify(means[j].material_content[0].name)) 95 var biaoti = means[j].material_content[0].name; 96 97 var tj = means[j].material_content; 98 // console.log(JSON.stringify(tj.length)); 99 biaotiid = means[j].material_id; 100 types = means[j].type; 101 102 103 xinstr.push(biaotiid) 104 105 var biaoti_html = '' 106 biaoti_html += '<div class="fangku2">' + 107 '<div class="customer">' + 108 '<div class="top">' + biaoti + '</div>' + 109 '<div class="kuang">' + 110 111 112 '<div class="img">' + 113 '<div style="margin:5px;" class="po" id="' + biaotiid + '" onclick="add(' + biaotiid + ',' + types + ',this)">' + 114 '<img src="../icon/add.png" alt="" id="">' + 115 '<div class="tzi" >添加</div>' + 116 '</div>' + 117 '</div>' + 118 119 120 '<div class="c"></div>' + 121 '</div>' + 122 '</div>' + 123 '</div>' 124 125 $('#z').append(biaoti_html); 126 127 128 for (var z = 0; z < tj.length; z++) { 129 // console.log(JSON.stringify(tj)); 130 var pss = tj[z].material_path; 131 var wipelater = pss.replace(/http:\/\/[^\/]*/g, "").replace(/\"/g, ""); 132 str0 = pss.substring(pss.length - 5, pss.length - 9); 133 var str = pss.substring(pss.length - 4, pss.length - 9); 134 var pic_html = ''; 135 if (types == 3) { 136 pic_html += '<div style="margin:5px;" id="' + biaotiid + '" class="' + biaotiid + '">' + 137 '<img src="../icon/sp.png" alt="' + wipelater + '" id="' + str + '" name="' + pss + '" onclick="play(this,0)">' + 138 '<div class="tzi" style="color:red" onclick="deletePic(\'' + wipelater + '\',this)">刪除</div>' + 139 '</div>' 140 } else { 141 pic_html += '<div style="margin:5px;" id="' + biaotiid + '" class="' + biaotiid + '">' + 142 '<img src="' + tj[z].material_path + '" alt="' + wipelater + '" id="' + str + '" onclick="enlarge(this)">' + 143 '<div class="tzi" style="color:red" onclick="deletePic(\'' + wipelater + '\',this)">刪除</div>' + 144 '</div>' 145 } 146 147 if (tj[z].material_path != '') { 148 $('#' + biaotiid + '').before(pic_html); 149 } 150 151 152 var altimg = $('#' + str0 + '').children('img').attr("alt"); 153 154 // console.log(altimg); 155 altimgArr.push(altimg); 156 list.push({ 157 [biaotiid]: wipelater 158 }) 159 160 } 161 162 } 163 164 } 165 166 } else { 167 alert(JSON.stringify(err)); 168 } 169 }); 170 } 171 172 //操做數組 173 function scy(roomNames) { 174 // console.log(roomNames); 175 // console.log(roomNames.length); 176 allRoom = {}; 177 if (roomNames.length > 0) { 178 for (var i = 0; i < roomNames.length; i++) { 179 var map = roomNames[i]; 180 // console.log($api.strToJson(map)); 181 for (var k in map) { 182 // console.log(k+','+map[k]); 183 if (k != null && k != 'null') { 184 if (allRoom.hasOwnProperty(k)) { //true 185 allRoom[k] += ',' + map[k]; 186 } else { 187 allRoom[k] = map[k]; 188 } 189 } 190 } 191 } 192 } 193 // console.log(JSON.stringify(allRoom)); 194 // list.push(allRoom) 195 } 196 197 //播放 198 function play(thisVid, szi) { 199 if (szi == 0) { 200 var thVideo = thisVid.parentNode.firstChild.name; 201 console.log(thVideo); 202 api.openVideo({ 203 url: thVideo 204 }); 205 } else { 206 //'fs://res/1.mp4' /storage/emulated/0/相機/video_20190325_131837.mp4 207 var thVideo = thisVid.parentNode.firstChild.name; 208 209 var urls = 'http://xxxxxx/' + thVideo; 210 api.openVideo({ 211 url: urls 212 }); 213 214 console.log(); 215 } 216 217 } 218 219 220 //刪除圖片、視頻 221 function deletePic(btid, ever) { 222 // console.log(btid); 223 var strbtid = JSON.stringify(btid); 224 var strlist = JSON.stringify(list); 225 // console.log(); 226 for (var i = 0; i < list.length; i++) { 227 var ks = JSON.stringify(list[i]); 228 if (ks.indexOf(strbtid) != -1) { 229 list.splice(i, 1); 230 i--; 231 } 232 } 233 // console.log(JSON.stringify(list)); 234 ever.parentNode.parentNode.removeChild(ever.parentNode); 235 } 236 237 //點擊圖片放大 238 function enlarge(everPic, str0) { 239 // alert('點擊放大') 240 var pics = (everPic.parentNode.firstChild.src) || ($('#' + str0 + '').attr('src')); 241 // console.log(pics); 242 $('#bigpic').show(); 243 $('.z').hide(); 244 $('#bigpic img').attr('src', pics); 245 } 246 $(function() { 247 $('#bigpic').click(function() { 248 $('#bigpic').hide(); 249 $('.z').show(); 250 }) 251 }) 252 253 //添加彈窗 254 function add(biaotiid, typ) { 255 var divlength = $('.img').children('#' + biaotiid + '').length; 256 console.log(divlength); 257 258 if (typ == 1 && divlength >= 2) { 259 api.toast({ 260 msg: '本欄只可添加一張圖片!', 261 duration: 1000, 262 location: 'middle' 263 }); 264 } else { 265 266 if (typ == 3) { 267 api.actionSheet({ 268 cancelTitle: '取消', 269 buttons: ['視頻'] 270 }, function(ret, err) { 271 index = ret.buttonIndex; 272 // console.log(JSON.stringify(index)); 273 if (ret) { 274 // console.log( JSON.stringify( ret ) ); 275 if (index == 1) { 276 //視頻 277 api.getPicture({ 278 sourceType: 'camera', 279 // encodingType: 'mp4', 280 mediaValue: 'video', 281 videoQuality: 'medium', 282 saveToPhotoAlbum: true, 283 destinationType: 'url' 284 }, function(ret3, err) { 285 if (ret3) { 286 //console.log(JSON.stringify(ret)); 287 video_vi = ret3.data; 288 console.log(JSON.stringify(video_vi)); 289 // -------------------------------------------- 290 if (video_vi) { 291 uploadVideo(biaotiid, video_vi, typ) 292 } 293 } else { 294 console.log(JSON.stringify(err)); 295 } 296 }); 297 } 298 } else { 299 console.log(JSON.stringify(err)); 300 } 301 }) 302 303 } else { 304 api.actionSheet({ 305 cancelTitle: '取消', 306 buttons: ['拍照', '手機相冊'] 307 }, function(ret, err) { 308 index = ret.buttonIndex; 309 if (ret) { 310 console.log(JSON.stringify(ret)); 311 if (index == 1) { 312 api.getPicture({ 313 sourceType: 'camera', 314 encodingType: 'jpg', 315 mediaValue: 'pic', 316 destinationType: 'url', 317 allowEdit: false, 318 quality: 100, 319 saveToPhotoAlbum: false 320 }, function(ret1, err1) { 321 if (ret1) { 322 console.log(JSON.stringify(ret1)); 323 img_pic1 = ret1.data; 324 if (img_pic1) { 325 uploadPic(biaotiid, img_pic1, typ); 326 } 327 } else { 328 alert(JSON.stringify(err)); 329 } 330 }); 331 332 } else if (index == 2) { 333 api.getPicture({ 334 sourceType: 'library', 335 encodingType: 'png', 336 mediaValue: 'pic', 337 destinationType: 'url', 338 allowEdit: true, 339 quality: 100, 340 preview: true, 341 saveToPhotoAlbum: false 342 }, function(ret2, err2) { 343 if (ret2) { 344 // console.log(JSON.stringify(ret2)); 345 img_pic2 = ret2.data; 346 if (img_pic2) { 347 uploadPic(biaotiid, img_pic2, typ); 348 } 349 } else { 350 alert(JSON.stringify(err)); 351 } 352 }); 353 } 354 } else { 355 alert(JSON.stringify(err)); 356 } 357 }); 358 359 } 360 361 } 362 363 } 364 365 //上傳視頻 366 function uploadVideo(biaotiid, video_vi, typ) { 367 api.showProgress({ 368 title: '加載中...', 369 text: '' 370 }); 371 api.ajax({ 372 url: 'http://xxxxxxx/index/system/uploadVideo', 373 method: 'post', 374 data: { 375 files: { 376 video: video_vi 377 } 378 } 379 }, function(ret, err) { 380 if (ret) { 381 // console.log( JSON.stringify( ret ) ); 382 var uploadVideo_later = ret.data 383 384 // add_video(video_vi, idname, uploadVideo_later); 385 addhtml(biaotiid, video_vi, uploadVideo_later, typ); 386 387 api.hideProgress(); 388 } else { 389 console.log(JSON.stringify(err)); 390 api.hideProgress(); 391 } 392 }); 393 394 } 395 396 //上傳圖片 397 function uploadPic(biaotiid, img_pic, typ) { 398 api.showProgress({ 399 style: 'default', 400 animationType: 'fade', 401 title: '努力加載中...', 402 text: '請耐心等待...', 403 modal: false 404 }); 405 406 api.ajax({ 407 url: 'http://xxxxxxxx/index/system/uploadImg', 408 method: 'post', 409 data: { 410 files: { 411 image: img_pic 412 } 413 } 414 }, function(ret, err) { 415 if (ret) { 416 // console.log(JSON.stringify(ret)); 417 var change = ret.data 418 addhtml(biaotiid, img_pic, change, typ); 419 420 api.hideProgress(); 421 422 } else { 423 console.log(JSON.stringify(err)); 424 api.hideProgress(); 425 } 426 }); 427 } 428 429 //動態添加公用函數 430 function addhtml(biaotiid, dynamic, change, typ) { 431 console.log(change); 432 str1 = change.substring(change.length - 4, change.length - 9); 433 var dongtai_html = ''; 434 435 if (typ == 3) { 436 console.log(JSON.stringify(dynamic)); 437 var vi = JSON.stringify(dynamic); 438 dynamic2 = vi.replace(/\"/g, "").replace(/\[/g, "").replace(/\]/g, ""); 439 console.log(dynamic2); 440 441 dongtai_html += '<div style="margin:5px;" id="' + biaotiid + '">' + 442 '<img src="../icon/sp.png" alt="' + change + '" name="' + change + '" onclick="play(this,1)">' + 443 '<div class="tzi" style="color:red" onclick="deletePic(\'' + change + '\',this)">刪除</div>' + 444 '</div>' 445 } else { 446 dongtai_html += '<div style="margin:5px;display:block;" id="' + biaotiid + '">' + 447 '<img onclick="enlarge(this);" src="' + dynamic + '" alt="' + change + '">' + 448 '<div class="tzi" onclick="deletePic(\'' + change + '\',this);" style="color:red;">刪除' + 449 '</div>' + 450 '</div>' 451 } 452 453 $('#' + biaotiid + '').before(dongtai_html); 454 455 // console.log($('#z').html()); 456 list.push({ 457 [biaotiid]: change 458 }); 459 // console.log(JSON.stringify(list)); 460 } 461 462 //提交 463 function updata() { 464 // arrClass(); 465 var dialogBox = api.require('dialogBox'); 466 dialogBox.alert({ 467 texts: { 468 title: '提示', 469 content: '您肯定提交全部內容嗎？', 470 leftBtnTitle: '取消', 471 rightBtnTitle: '確認' 472 }, 473 styles: { 474 bg: '#fff', 475 w: 300, 476 corner: 2, 477 title: { 478 marginT: 20, 479 icon: 'widget://res/gou.png', 480 iconSize: 40, 481 titleSize: 22, 482 titleColor: '#000' 483 }, 484 content: { 485 color: '#000', 486 size: 16 487 }, 488 left: { 489 marginB: 7, 490 marginL: 20, 491 w: 130, 492 h: 35, 493 corner: 2, 494 bg: '#fff', 495 color: '#F3544E', 496 size: 14 497 }, 498 right: { 499 marginB: 7, 500 marginL: 10, 501 w: 130, 502 h: 35, 503 corner: 2, 504 bg: '#fff', 505 color: '#F3544E', 506 size: 14 507 } 508 } 509 }, function(ret) { 510 if (ret.eventType == 'left') { 511 //取消 512 var dialogBox = api.require('dialogBox'); 513 dialogBox.close({ 514 dialogName: 'alert' 515 }); 516 517 } else if (ret.eventType == 'right') { 518 //肯定 519 var dialogBox = api.require('dialogBox'); 520 dialogBox.close({ 521 dialogName: 'alert' 522 }); 523 524 var orid = { 525 order_id: upnames 526 } 527 list.push(orid); 528 scy(list); 529 console.log(JSON.stringify(allRoom)); 530 531 532 //數據提交 533 api.ajax({ 534 url: 'http://xxxxxxx/index/repay/dataUploadNew', 535 method: 'post', 536 data: { 537 values: allRoom 538 } 539 }, function(ret, err) { 540 if (ret) { 541 console.log(JSON.stringify(ret)); 542 // api.closeWin({}); 543 //退出 544 api.openWin({ 545 name: 'tab', 546 url: './tab.html', 547 reload: true 548 }); 549 //刷新 550 api.sendEvent({ 551 name: 'ywydsx', 552 extra: { 553 key0: 'y' 554 } 555 }); 556 } else { 557 alert(JSON.stringify(err)); 558 } 559 }); 560 561 } 562 }); 563 564 } 565 566 567 // function arrClass() { 568 // console.log(biaotiid); 569 // $('.' + biaotiid + '').each(function() { 570 // console.log($(this).children('img').attr("alt")); 571 // }); 572 // } 573 </script> 574 575 </html>
相關文章
- 1. Apicloud——關於上傳圖片、視頻（二）
- 2. 關於上傳圖片和視頻的上傳組件
- 3. cordova圖片上傳，視頻上傳(上傳單個圖片，單個視頻)
- 4. cordova圖片上傳，視頻上傳(上傳多個圖片，多個視頻)
- 5. UEditor 圖片視頻上傳
- 6. uploadfy 圖片/視頻上傳
- 7. android中圖片上傳（多選），音頻上傳，視頻上傳
- 8. jsp關於ueditor上傳視頻和圖片的問題
- 9. 關於圖片上傳
- 10. 關於CI上傳圖片
- 更多相關文章...
- • PHP 文件上傳 - PHP教程
- • Markdown 圖片 - Markdown 教程
- • NewSQL-TiDB相關
- • Flink 數據傳輸及反壓詳解
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. Appium入門
- 2. Spring WebFlux 源碼分析(2)-Netty 服務器啓動服務流程 --TBD
- 3. wxpython入門第六步（高級組件）
- 4. CentOS7.5安裝SVN和可視化管理工具iF.SVNAdmin
- 5. jedis 3.0.1中JedisPoolConfig對象缺少setMaxIdle、setMaxWaitMillis等方法，問題記錄
- 6. 一步一圖一代碼，一定要讓你真正徹底明白紅黑樹
- 7. 2018-04-12—（重點）源碼角度分析Handler運行原理
- 8. Spring AOP源碼詳細解析
- 9. Spring Cloud（1）
- 10. python簡單爬去油價信息發送到公衆號
歡迎關注本站公眾號,獲取更多信息
