apiclod 上传图片_Apicloud——关于上传图片、视频（二）

业务员-终审上传资料

上传终审资料

提交

47 var user_id = $api.getStorage('user_id');48 varstr0;49 varbiaotiid;50 var xinstr =[];51 var altimgArr =[];52 var list =[];53 vartypes;54 varvideo_vi;55

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();

65 xin();66

67 //加红点

68 var newdiv = '

69 $('.top').prepend(newdiv);70 };71

72 functionxin() {73 api.ajax({74 url: 'http://xxxxx/index/repay/getRepayDataNew',75 method: 'post',76 data: {77 values: {78 order_id: upnames79 }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_content90

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 += '

' +

107 '

' +

108 '

' + biaoti + '

' +

109 '

' +

110

111

112 '

' +

113 '

' +

114 '' +

115 '

添加

' +

116 '

' +

117 '

' +

118

119

120 '

121 '

' +

122 '

' +

123 '

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 += '

' +

137 '' +

138 '

删除

' +

139 '

140 } else{141 pic_html += '

' +

142 '' +

143 '

删除

' +

144 '

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]: wipelater158 })159

160 }161

162 }163

164 }165

166 } else{167 alert(JSON.stringify(err));168 }169 });170 }171

172 //操作数组

173 functionscy(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 inmap) {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 functionplay(thisVid, szi) {199 if (szi == 0) {200 var thVideo =thisVid.parentNode.firstChild.name;201 console.log(thVideo);202 api.openVideo({203 url: thVideo204 });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: urls212 });213

214 console.log();215 }216

217 }218

219

220 //删除图片、视频

221 functiondeletePic(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 functionenlarge(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 functionadd(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 functionuploadVideo(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_vi377 }378 }379 }, function(ret, err) {380 if(ret) {381 //console.log( JSON.stringify( ret ) );

382 var uploadVideo_later =ret.data383

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 functionuploadPic(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_pic412 }413 }414 }, function(ret, err) {415 if(ret) {416 //console.log(JSON.stringify(ret));

417 var change =ret.data418 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 functionaddhtml(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 += '

' +

442 '' +

443 '

删除

' +

444 '

445 } else{446 dongtai_html += '

' +

447 '' +

448 '

删除' +

449 '

' +

450 '

451 }452

453 $('#' + biaotiid + '').before(dongtai_html);454

455 //console.log($('#z').html());

456 list.push({457 [biaotiid]: change458 });459 //console.log(JSON.stringify(list));

460 }461

462 //提交

463 functionupdata() {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: upnames526 }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: allRoom538 }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

574

575

apiclod 上传图片_Apicloud——关于上传图片、视频（二）相关推荐

JS任意截图并上传图片，上传视频、上传文件
** JS截图上传图片 ** 在前端WEB开放过程中,经常使用上传图片.上传视频.上传音频以及上传其他文件等,通常都使用到各种上传插件,但是很多插件只是单纯的上传文件,不具备图片截图,即使有也很传统, ...
ckeditor php 上传图片_ckeditor 4上传图片功能配置方法
ckeditor 4上传图片功能配置方法发布于 2015-01-04 10:04:08 | 2375 次阅读 | 评论: 2 | 来源: PHPERZ CKEditor网页编辑器CKEditor 即 ...
快手与欧足联达成版权合作，获本赛季欧冠直播和短视频二创授权
近日,快手体育与欧足联达成版权合作,成为本赛季(2021/2022赛季)UEFA欧冠联赛官方直播及短视频平台,同时获得欧冠联赛直播以及短视频二创的授权. 据悉,从2月16日起,快手体育将带来本赛季欧冠 ...
怎样在线制作视频二维码？多种类型二维码一键生成技巧
二维码作为现在一种常用的内容载体工具,可以用来储存不同的内容,比如文件.视频.音频.图片等等都可以生成二维码.那么视频文件是如何生成二维码的呢?下面教大家使用二维码生成器(二维码在线制作-二维码生成器 ...
抖音视频二创闷声发财
周奇(化名)是一名90后大学生,因为爱好动漫,在去年疫情期间申请抖音个人号开始分享自己混剪的动漫作品,两个月时间发布了70多个视频,吸粉数量超过5万.而当他的粉丝量到3万左右时,就已经开始有MCN机构 ...
怎样在线将视频文件转二维码？如何使用视频二维码生成器？
现在很多人都会把做成视频做成二维码图片来分享给他人展示,使用这种方法能够减少视频传输的时间,更快的让他人获取内容.那么如何使用二维码生成器来将视频转二维码图片操作呢?下面就跟着小编一起来学习一下视频生 ...
在家做视频二次剪辑，一个短视频播放量40多万，收益有800多
想要做好短视频自媒体账号,用对方法和技巧很重要,前天用了一个多小时剪辑了一个作品发布到短视频平台上,一夜有40多万播放量,800多的收益. 用了很短的时间赚到了一笔不少的零花钱,可能比你一天的工资还要 ...
视频二维码的适用场景
视频二维码的适用场景产品应用: 企业视频二维码应用适用场景: 企业产品说明书.会议室使用视频说明.设备说明书.操作手册.培训手册.产品宣传册.增景区导游.博物馆展品.同学会.毕业演出.婚礼视频.地 ...
单个视频二维码生成与列表二维码生成（完整版）
视频二维码有有两种情况:一种是单个视频的生成一个二维码:另一种是一组视频(多个视频)生成一个列表二维码.用户按自己的实际需求生成,即可,很方便. 原创内容,2021-9-16 第一部分:单个视频二维码 ...

apiclod 上传图片_Apicloud——关于上传图片、视频（二）

apiclod 上传图片_Apicloud——关于上传图片、视频（二）相关推荐

最新文章

热门文章