正在显示
1 个修改的文件
包含
1019 行增加
和
4 行删除
@@ -301,6 +301,9 @@ | @@ -301,6 +301,9 @@ | ||
301 | sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有 | 301 | sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有 |
302 | success: function (res) { | 302 | success: function (res) { |
303 | var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片 | 303 | var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片 |
304 | + $('#img20').attr("src",localIds); | ||
305 | + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs"); | ||
306 | + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles"); | ||
304 | wx.uploadImage({ | 307 | wx.uploadImage({ |
305 | localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得 | 308 | localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得 |
306 | isShowProgressTips: 1, // 进度提示 | 309 | isShowProgressTips: 1, // 进度提示 |
@@ -309,11 +312,1023 @@ | @@ -309,11 +312,1023 @@ | ||
309 | //将获取到的 mediaId 传入后台 方法savePicture | 312 | //将获取到的 mediaId 传入后台 方法savePicture |
310 | $.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){ | 313 | $.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){ |
311 | //填写你自己的业务逻辑 | 314 | //填写你自己的业务逻辑 |
312 | - res = JSON.parse(res); | ||
313 | - $('#img20').attr("src",res['filename']); | ||
314 | - $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs"); | ||
315 | - $(".log_six_pictyre_title").addClass("log_six_pictyre_titles"); | 315 | + alert(res); |
316 | }); | 316 | }); |
317 | + | ||
318 | + }, | ||
319 | + fail: function (res) { | ||
320 | + alertModal('图片上传失败,请重试'); | ||
321 | + } | ||
322 | + }); | ||
323 | + } | ||
324 | + }); | ||
325 | + | ||
326 | + }); | ||
327 | + | ||
328 | + | ||
329 | +</script> | ||
330 | +<script> | ||
331 | + /** | ||
332 | + *确定添加 | ||
333 | + */ | ||
334 | + function Sure_add(){ | ||
335 | + show_img = $('#show_img')[0].src; | ||
336 | + if(show_img == "http://www.xkeasy.com/themes/simpleboot3/public/assets/images/jiahao.png"){ | ||
337 | + show_img = ''; | ||
338 | + } | ||
339 | + thumbnail = $('#thumbnail')[0].src; | ||
340 | + if(thumbnail == "http://www.xkeasy.com/themes/simpleboot3/public/assets/images/jiahao.png"){ | ||
341 | + thumbnail = ''; | ||
342 | + } | ||
343 | + book_name = $("input[name='book_name']").val(); | ||
344 | + money = $("input[name='money']").val(); | ||
345 | + price = $("input[name='price']").val(); | ||
346 | + pricing = $("input[name='pricing']").val(); | ||
347 | + instr = $('#instr').val(); | ||
348 | + book_number = $("input[name='book_number']").val(); | ||
349 | + paper = $("input[name='paper']").val(); | ||
350 | + book_size = $("input[name='book_size']").val(); | ||
351 | + binding = $("input[name='binding']").val(); | ||
352 | + author = $("input[name='author']").val(); | ||
353 | + press = $("input[name='press']").val(); | ||
354 | + press_time = $("input[name='press_time']").val(); | ||
355 | + suit = $("input[name='suit']").val(); | ||
356 | + printing = $("input[name='printing']").val(); | ||
357 | + grade = $("#grade").text(); | ||
358 | + img0 = $('#img0')[0].src; | ||
359 | + if(img0 == "http://www.xkeasy.com/themes/simpleboot3/public/assets/images/jiahao.png"){ | ||
360 | + img0 = ''; | ||
361 | + } | ||
362 | + img1 = $('#img1')[0].src; | ||
363 | + if(img1 == "http://www.xkeasy.com/themes/simpleboot3/public/assets/images/jiahao.png"){ | ||
364 | + img1 = ''; | ||
365 | + } | ||
366 | + img2 = $('#img2')[0].src; | ||
367 | + if(img2 == "http://www.xkeasy.com/themes/simpleboot3/public/assets/images/jiahao.png"){ | ||
368 | + img2 = ''; | ||
369 | + } | ||
370 | + | ||
371 | + $.post("{:url('Salesmangoods/Salesman_goods_add')}",{show_img:show_img,thumbnail:thumbnail,book_name:book_name,money:money,price:price,pricing:pricing,instr:instr,book_number:book_number,paper:paper,book_size:book_size,binding:binding,author:author,press:press,press_time:press_time,suit:suit,grade:grade,img0:img0,img1:img1,img2:img2,printing:printing},function(data){ | ||
372 | + if(data){ | ||
373 | + window.location.href = "{:url('salesmangoods/salesman_goods')}"; | ||
374 | + }else{ | ||
375 | + alert('添加失败'); | ||
376 | + } | ||
377 | + }); | ||
378 | + } | ||
379 | + | ||
380 | + | ||
381 | +</script> | ||
382 | +<script> | ||
383 | + | ||
384 | + //选择年级 | ||
385 | + $(".log_six_select_nianji").click(function(){ | ||
386 | + $(".tx_mask_tongyi").css({ | ||
387 | + display: "block" | ||
388 | + }); | ||
389 | + }) | ||
390 | + $(".tx_mask_tongyi .three_model_school_name").click(function(){ | ||
391 | + var index = $(this).index(); | ||
392 | + $('.log_six_nianji_contant').text($(this).text()).css("color", "#333"); | ||
393 | + $(".tx_mask_tongyi").hide(); | ||
394 | + }) | ||
395 | + //取消弹窗 | ||
396 | + $(document).mouseup(function(e) { | ||
397 | + var _con = $('.tx_maskCon_school'); | ||
398 | + if(!_con.is(e.target) && _con.has(e.target).length === 0) { | ||
399 | + $('.tx_mask_tongyi').hide() | ||
400 | + } | ||
401 | + }) | ||
402 | + //上传图片 | ||
403 | + | ||
404 | + $(function() { | ||
405 | + $("#img1_file_img").change(function() { | ||
406 | + var img_size = $(this).get(0).files[0].size; | ||
407 | + if(img_size > 1024000) { | ||
408 | + alert("上传图片过大,请上传小于1M的图片"); | ||
409 | + } else { | ||
410 | + $.ajaxFileUpload({ | ||
411 | + url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址 | ||
412 | + secureuri: false, //是否需要安全协议,一般设置为false | ||
413 | + fileElementId: 'img1_file_img', //文件上传域的ID | ||
414 | + dataType: 'json', //返回值类型 一般设置为json | ||
415 | + success: function(data) { //服务器成功响应处理函数 | ||
416 | + $('#show_img').attr("src","/uploads/"+data.data); | ||
417 | + $(".log_six_add_photo").addClass("log_six_add_photos"); | ||
418 | + $(".log_six_photo_one").addClass("log_six_photo_ones"); | ||
419 | + $(".log_six_add_img").addClass("log_six_add_imgs"); | ||
420 | + $(".log_six_add_title").addClass("log_six_add_titles"); | ||
421 | + | ||
422 | + } | ||
423 | + }); | ||
424 | + } | ||
425 | + }); | ||
426 | + $("#img_file_suolue").change(function() { | ||
427 | + var img_size = $(this).get(0).files[0].size; | ||
428 | + if(img_size > 1024000) { | ||
429 | + alert("上传图片过大,请上传小于1M的图片"); | ||
430 | + } else { | ||
431 | + $.ajaxFileUpload({ | ||
432 | + url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址 | ||
433 | + secureuri: false, //是否需要安全协议,一般设置为false | ||
434 | + fileElementId: 'img_file_suolue', //文件上传域的ID | ||
435 | + dataType: 'json', //返回值类型 一般设置为json | ||
436 | + success: function(data) { //服务器成功响应处理函数 | ||
437 | + $('#thumbnail').attr("src","/uploads/"+data.data); | ||
438 | + $(".log_two_pi_one").addClass("log_two_pi_ones"); | ||
439 | + $(".log_two_pi_one_p").addClass("log_two_pi_one_ps"); | ||
440 | + $(".log_two_pi_one_icon").addClass("log_two_pi_one_icons"); | ||
441 | + } | ||
442 | + }); | ||
443 | + } | ||
444 | + }); | ||
445 | + | ||
446 | + $("#img0_file").change(function() { | ||
447 | + var img_size = $(this).get(0).files[0].size; | ||
448 | + if(img_size > 1024000) { | ||
449 | + alert("上传图片过大,请上传小于1M的图片"); | ||
450 | + } else { | ||
451 | + $.ajaxFileUpload({ | ||
452 | + url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址 | ||
453 | + secureuri: false, //是否需要安全协议,一般设置为false | ||
454 | + fileElementId: 'img0_file', //文件上传域的ID | ||
455 | + dataType: 'json', //返回值类型 一般设置为json | ||
456 | + success: function(data) { //服务器成功响应处理函数 | ||
457 | + $('#img0').attr("src","/uploads/"+data.data); | ||
458 | + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs"); | ||
459 | + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles"); | ||
460 | + | ||
461 | + } | ||
462 | + }); | ||
463 | + } | ||
464 | + }); | ||
465 | + | ||
466 | + $("#img1_file").change(function() { | ||
467 | + var img_size = $(this).get(0).files[0].size; | ||
468 | + if(img_size > 1024000) { | ||
469 | + alert("上传图片过大,请上传小于1M的图片"); | ||
470 | + } else { | ||
471 | + $.ajaxFileUpload({ | ||
472 | + url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址 | ||
473 | + secureuri: false, //是否需要安全协议,一般设置为false | ||
474 | + fileElementId: 'img1_file', //文件上传域的ID | ||
475 | + dataType: 'json', //返回值类型 一般设置为json | ||
476 | + success: function(data) { //服务器成功响应处理函数 | ||
477 | + $('#img1').attr("src","/uploads/"+data.data); | ||
478 | + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs"); | ||
479 | + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles"); | ||
480 | + } | ||
481 | + }); | ||
482 | + } | ||
483 | + }); | ||
484 | + | ||
485 | + $("#img2_file").change(function() { | ||
486 | + var img_size = $(this).get(0).files[0].size; | ||
487 | + if(img_size > 1024000) { | ||
488 | + alert("上传图片过大,请上传小于1M的图片"); | ||
489 | + } else { | ||
490 | + $.ajaxFileUpload({ | ||
491 | + url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址 | ||
492 | + secureuri: false, //是否需要安全协议,一般设置为false | ||
493 | + fileElementId: 'img2_file', //文件上传域的ID | ||
494 | + dataType: 'json', //返回值类型 一般设置为json | ||
495 | + success: function(data) { //服务器成功响应处理函数 | ||
496 | + $('#img2').attr("src","/uploads/"+data.data); | ||
497 | + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs"); | ||
498 | + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles"); | ||
499 | + } | ||
500 | + }); | ||
501 | + } | ||
502 | + }); | ||
503 | + | ||
504 | + }); | ||
505 | +</script> | ||
506 | +</body> | ||
507 | + | ||
508 | +</html><!DOCTYPE html> | ||
509 | +<html lang="en"> | ||
510 | + | ||
511 | +<head> | ||
512 | + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | ||
513 | + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> | ||
514 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
515 | + <title>学考无忧-添加商品</title> | ||
516 | + <link rel="stylesheet" href="__TMPL__/public/assets/css//mui.min.css" /> | ||
517 | + <link rel="stylesheet" href="__TMPL__/public/assets/css//mui.picker.min.css" /> | ||
518 | + <link rel="stylesheet" href="__TMPL__/public/assets/css//reset.css" /> | ||
519 | + <link rel="stylesheet" href="__TMPL__/public/assets/css//log.css" /> | ||
520 | + <style> | ||
521 | + .log_six_add_photos{ | ||
522 | + padding: 0.15rem 0.2rem; | ||
523 | + display: flex; | ||
524 | + justify-content: space-around; | ||
525 | + align-items: center; | ||
526 | + } | ||
527 | + .log_six_photo_ones{ | ||
528 | + width: 1.6rem; | ||
529 | + height: 1.6rem; | ||
530 | + } | ||
531 | + .log_six_add_imgs{ | ||
532 | + width: 100%; | ||
533 | + height:1.5rem; | ||
534 | + } | ||
535 | + .log_six_add_titles{ | ||
536 | + display: none; | ||
537 | + } | ||
538 | + .log_six_pictyre_imgs{ | ||
539 | + width: 1.6rem; | ||
540 | + height: 1.6rem; | ||
541 | + } | ||
542 | + .log_six_pictyre_titles{ | ||
543 | + display: none; | ||
544 | + } | ||
545 | + </style> | ||
546 | +</head> | ||
547 | + | ||
548 | +<body> | ||
549 | +<div class="tx_mask_tongyi"> | ||
550 | + <div class="tx_maskCon_school"> | ||
551 | + <div class="three_model_school"> | ||
552 | + <div class="three_model_school_data" style="display: block;"> | ||
553 | + <div class="three_model_school_name there_unActive">一年级</div> | ||
554 | + <div class="three_model_school_name">二年级</div> | ||
555 | + <div class="three_model_school_name">三年级</div> | ||
556 | + <div class="three_model_school_name">四年级</div> | ||
557 | + <div class="three_model_school_name">五年级</div> | ||
558 | + <div class="three_model_school_name">六年级</div> | ||
559 | + <div class="three_model_school_name">初一</div> | ||
560 | + <div class="three_model_school_name">初二</div> | ||
561 | + <div class="three_model_school_name">初三</div> | ||
562 | + <div class="three_model_school_name">高一</div> | ||
563 | + <div class="three_model_school_name">高二</div> | ||
564 | + <div class="three_model_school_name">高三</div> | ||
565 | + </div> | ||
566 | + </div> | ||
567 | + </div> | ||
568 | +</div> | ||
569 | +<div class="log_top_co"> | ||
570 | + <!-- 顶部 --> | ||
571 | + <div class=" order_top log_top_co"> | ||
572 | + <a href="javascript:history.back(-1)"> | ||
573 | + <img src="__TMPL__/public/assets/images/left.png" alt="" /> | ||
574 | + </a> | ||
575 | + <p>添加商品</p> | ||
576 | + </div> | ||
577 | +</div> | ||
578 | +<!-- 添加照片 --> | ||
579 | +<div class="log_six_add_photo"> | ||
580 | + <div class="log_six_photo_one"> | ||
581 | + <div class="log_six_add_img"> | ||
582 | + <img src="__TMPL__/public/assets/images/jiahao.png" id="show_img" alt="" /> | ||
583 | + </div> | ||
584 | + <div class="log_six_add_title"> | ||
585 | + 添加照片 | ||
586 | + </div> | ||
587 | + <div class="input_file"> | ||
588 | + <input type="file" id="img1_file_img" name="avatar" /> | ||
589 | + </div> | ||
590 | + </div> | ||
591 | + <div class="log_six_photo_one"> | ||
592 | + <div class="log_six_add_img"> | ||
593 | + <img src="__TMPL__/public/assets/images/jiahao.png" id="thumbnail" alt="" /> | ||
594 | + </div> | ||
595 | + <div class="log_six_add_title"> | ||
596 | + 添加缩略图 | ||
597 | + </div> | ||
598 | + <div class="input_file"> | ||
599 | + <input type="file" id="img_file_suolue" name="avatar" /> | ||
600 | + </div> | ||
601 | + </div> | ||
602 | + | ||
603 | +</div> | ||
604 | +<div class="log_six_wire"></div> | ||
605 | +<!-- 输入框 --> | ||
606 | +<div class="log_six_input"> | ||
607 | + <div class="log_two_input"> | ||
608 | + <div class="log_two_input_one "> | ||
609 | + <div class="log_two_input_title"> | ||
610 | + 书籍 | ||
611 | + </div> | ||
612 | + <div class="log_two_input_contant"> | ||
613 | + <input type="text" placeholder="请输入书籍名称" name="book_name" /> | ||
614 | + </div> | ||
615 | + </div> | ||
616 | + <div class="log_two_input_one "> | ||
617 | + <div class="log_two_input_title"> | ||
618 | + 佣金 | ||
619 | + </div> | ||
620 | + <div class="log_two_input_contant"> | ||
621 | + <input type="text" placeholder="请输入下级推广佣金" name="money" /> | ||
622 | + </div> | ||
623 | + </div> | ||
624 | + <div class="log_two_input_one"> | ||
625 | + <div class="log_two_input_title"> | ||
626 | + 售价 | ||
627 | + </div> | ||
628 | + <div class="log_two_input_contant"> | ||
629 | + <input type="text" placeholder="输入售价" name="price" /> | ||
630 | + </div> | ||
631 | + </div> | ||
632 | + <div class="log_two_input_one"> | ||
633 | + <div class="log_two_input_title"> | ||
634 | + 定价 | ||
635 | + </div> | ||
636 | + <div class="log_two_input_contant"> | ||
637 | + <input type="text" placeholder="输入定价" name="pricing" /> | ||
638 | + </div> | ||
639 | + </div> | ||
640 | + <div class="log_six_input_one"> | ||
641 | + <div class="log_two_input_title" style="margin-top: 0.09rem;"> | ||
642 | + 商品说明 | ||
643 | + </div> | ||
644 | + <div class="log_six_input_contant"> | ||
645 | + <textarea cols="20" rows="3" placeholder="请输入商品说明" id="instr"></textarea> | ||
646 | + </div> | ||
647 | + </div> | ||
648 | + <div class="log_two_input_one"> | ||
649 | + <div class="log_two_input_title"> | ||
650 | + 书号 | ||
651 | + </div> | ||
652 | + <div class="log_two_input_contant"> | ||
653 | + <input type="text" placeholder="请输入书号" name="book_number" /> | ||
654 | + </div> | ||
655 | + </div> | ||
656 | + <div class="log_two_input_one"> | ||
657 | + <div class="log_two_input_title"> | ||
658 | + 纸张 | ||
659 | + </div> | ||
660 | + <div class="log_two_input_contant"> | ||
661 | + <input type="text" placeholder="请输入纸张" name="paper" /> | ||
662 | + </div> | ||
663 | + </div> | ||
664 | + <div class="log_two_input_one"> | ||
665 | + <div class="log_two_input_title"> | ||
666 | + 装订 | ||
667 | + </div> | ||
668 | + <div class="log_two_input_contant"> | ||
669 | + <input type="text" placeholder="请输入装订" name="binding" /> | ||
670 | + </div> | ||
671 | + </div> | ||
672 | + <div class="log_two_input_one"> | ||
673 | + <div class="log_two_input_title"> | ||
674 | + 开本 | ||
675 | + </div> | ||
676 | + <div class="log_two_input_contant"> | ||
677 | + <input type="text" placeholder="请输入开本" name="book_size" /> | ||
678 | + </div> | ||
679 | + </div> | ||
680 | + <div class="log_two_input_one"> | ||
681 | + <div class="log_two_input_title"> | ||
682 | + 印刷 | ||
683 | + </div> | ||
684 | + <div class="log_two_input_contant"> | ||
685 | + <input type="text" placeholder="请输入印刷" name="printing" /> | ||
686 | + </div> | ||
687 | + </div> | ||
688 | + <div class="log_two_input_one"> | ||
689 | + <div class="log_two_input_title"> | ||
690 | + 作者 | ||
691 | + </div> | ||
692 | + <div class="log_two_input_contant"> | ||
693 | + <input type="text" placeholder="请输入作者名称" name="author" /> | ||
694 | + </div> | ||
695 | + </div> | ||
696 | + <div class="log_two_input_one"> | ||
697 | + <div class="log_two_input_title"> | ||
698 | + 出版社 | ||
699 | + </div> | ||
700 | + <div class="log_two_input_contant"> | ||
701 | + <input type="text" placeholder="请输入出版社名称" name="press" /> | ||
702 | + </div> | ||
703 | + </div> | ||
704 | + <div class="log_two_input_one"> | ||
705 | + <div class="log_two_input_title"> | ||
706 | + 出版时间 | ||
707 | + </div> | ||
708 | + <div class="log_two_input_contant"> | ||
709 | + <input type="text" placeholder="请输入作者名称" name="press_time" /> | ||
710 | + </div> | ||
711 | + </div> | ||
712 | + </div> | ||
713 | +</div> | ||
714 | +<div class="log_six_wire"></div> | ||
715 | +<!-- 套装 --> | ||
716 | +<div class="log_six_select"> | ||
717 | + <div class="log_six_select_contant"> | ||
718 | + <div class="log_two_input_one"> | ||
719 | + <div class="log_two_input_title"> | ||
720 | + 套装 | ||
721 | + </div> | ||
722 | + <div class="log_two_input_contant"> | ||
723 | + <input type="text" placeholder="请输入套装数量" name="suit" /> | ||
724 | + </div> | ||
725 | + </div> | ||
726 | + <div class="log_six_select_top log_six_select_nianji"> | ||
727 | + <div class="log_six_select_left"> | ||
728 | + <div class="log_six_select_one" > | ||
729 | + 适合年级 | ||
730 | + </div> | ||
731 | + <div class="log_six_select_two log_six_nianji_contant" id="grade" > | ||
732 | + 请选择 | ||
733 | + </div> | ||
734 | + </div> | ||
735 | + <div class="log_six_select_three"> | ||
736 | + <img src="__TMPL__/public/assets/images/29.png" alt="" /> | ||
737 | + </div> | ||
738 | + </div> | ||
739 | + </div> | ||
740 | +</div> | ||
741 | +<div class="log_six_wire"></div> | ||
742 | +<div class="log_two_picture"> | ||
743 | + <div class="log_two_picture_title"> | ||
744 | + 商品详情 | ||
745 | + </div> | ||
746 | + <div class="log_six_file_picture"> | ||
747 | + <div class="log_six_picture"> | ||
748 | + <div class="log_six_picture_one"> | ||
749 | + <div class="log_six_pictyre_img"> | ||
750 | + <img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img0" /> | ||
751 | + </div> | ||
752 | + <div class="log_six_pictyre_title"> | ||
753 | + 添加图片 | ||
754 | + </div> | ||
755 | + <div class="input_files"> | ||
756 | + <input type="file" id="img0_file" name="avatar" /> | ||
757 | + </div> | ||
758 | + </div> | ||
759 | + </div> | ||
760 | + <div class="log_six_picture"> | ||
761 | + <div class="log_six_picture_one"> | ||
762 | + <div class="log_six_pictyre_img"> | ||
763 | + <img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img1" /> | ||
764 | + </div> | ||
765 | + <div class="log_six_pictyre_title"> | ||
766 | + 添加图片 | ||
767 | + </div> | ||
768 | + <div class="input_files"> | ||
769 | + <input type="file" id="img1_file" name="avatar" /> | ||
770 | + </div> | ||
771 | + </div> | ||
772 | + </div> | ||
773 | + <div class="log_six_picture"> | ||
774 | + <div class="log_six_picture_one"> | ||
775 | + <div class="log_six_pictyre_img" id="openCamera"> | ||
776 | + <img src="__TMPL__/public/assets/images/jiahao.png" id="img20" alt="" /> | ||
777 | + </div><!--id="img2"--> | ||
778 | + <div class="log_six_pictyre_title"> | ||
779 | + 添加图片 | ||
780 | + </div> | ||
781 | + <div class="input_files"> | ||
782 | + <!--<input type="file" id="openCamera" name="avatar" />--> | ||
783 | + </div> | ||
784 | + </div> | ||
785 | + </div> | ||
786 | + </div><!--id="img2_file"--> | ||
787 | +</div> | ||
788 | +<!-- 保存 --> | ||
789 | +<div class="log_two_bottom_btn" onclick="Sure_add()"> | ||
790 | + 确定添加 | ||
791 | +</div> | ||
792 | +<script src="__TMPL__/public/assets/js/jquery.js"></script> | ||
793 | +<script src="__TMPL__/public/assets/js/base.js"></script> | ||
794 | +<script src="__TMPL__/public/assets/js/mui.min.js"></script> | ||
795 | +<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script> | ||
796 | +<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script> | ||
797 | +<script src="__TMPL__/public/assets/js/city.data-3.js"></script> | ||
798 | +<script src="__TMPL__/public/assets/js/uploadfile.js"></script> | ||
799 | +<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> | ||
800 | +<script> | ||
801 | + | ||
802 | + $('#openCamera').click(function(){ | ||
803 | + | ||
804 | + wx.config({$jssdk}); | ||
805 | + wx.chooseImage({ | ||
806 | + count: 1, // 默认9 | ||
807 | + sizeType: ['original'], // 指定是原图还是压缩图,默认都有 | ||
808 | + sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有 | ||
809 | + success: function (res) { | ||
810 | + var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片 | ||
811 | + $('#img20').attr("src",localIds); | ||
812 | + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs"); | ||
813 | + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles"); | ||
814 | + wx.uploadImage({ | ||
815 | + localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得 | ||
816 | + isShowProgressTips: 1, // 进度提示 | ||
817 | + success: function (res) { | ||
818 | + var mediaId = res.serverId; // 返回图片的服务器端ID,即mediaId | ||
819 | + //将获取到的 mediaId 传入后台 方法savePicture | ||
820 | + $.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){ | ||
821 | + //填写你自己的业务逻辑 | ||
822 | + alert(res); | ||
823 | + }); | ||
824 | + | ||
825 | + }, | ||
826 | + fail: function (res) { | ||
827 | + alertModal('图片上传失败,请重试'); | ||
828 | + } | ||
829 | + }); | ||
830 | + } | ||
831 | + }); | ||
832 | + | ||
833 | + }); | ||
834 | + | ||
835 | + | ||
836 | +</script> | ||
837 | +<script> | ||
838 | + /** | ||
839 | + *确定添加 | ||
840 | + */ | ||
841 | + function Sure_add(){ | ||
842 | + show_img = $('#show_img')[0].src; | ||
843 | + if(show_img == "http://www.xkeasy.com/themes/simpleboot3/public/assets/images/jiahao.png"){ | ||
844 | + show_img = ''; | ||
845 | + } | ||
846 | + thumbnail = $('#thumbnail')[0].src; | ||
847 | + if(thumbnail == "http://www.xkeasy.com/themes/simpleboot3/public/assets/images/jiahao.png"){ | ||
848 | + thumbnail = ''; | ||
849 | + } | ||
850 | + book_name = $("input[name='book_name']").val(); | ||
851 | + money = $("input[name='money']").val(); | ||
852 | + price = $("input[name='price']").val(); | ||
853 | + pricing = $("input[name='pricing']").val(); | ||
854 | + instr = $('#instr').val(); | ||
855 | + book_number = $("input[name='book_number']").val(); | ||
856 | + paper = $("input[name='paper']").val(); | ||
857 | + book_size = $("input[name='book_size']").val(); | ||
858 | + binding = $("input[name='binding']").val(); | ||
859 | + author = $("input[name='author']").val(); | ||
860 | + press = $("input[name='press']").val(); | ||
861 | + press_time = $("input[name='press_time']").val(); | ||
862 | + suit = $("input[name='suit']").val(); | ||
863 | + printing = $("input[name='printing']").val(); | ||
864 | + grade = $("#grade").text(); | ||
865 | + img0 = $('#img0')[0].src; | ||
866 | + if(img0 == "http://www.xkeasy.com/themes/simpleboot3/public/assets/images/jiahao.png"){ | ||
867 | + img0 = ''; | ||
868 | + } | ||
869 | + img1 = $('#img1')[0].src; | ||
870 | + if(img1 == "http://www.xkeasy.com/themes/simpleboot3/public/assets/images/jiahao.png"){ | ||
871 | + img1 = ''; | ||
872 | + } | ||
873 | + img2 = $('#img2')[0].src; | ||
874 | + if(img2 == "http://www.xkeasy.com/themes/simpleboot3/public/assets/images/jiahao.png"){ | ||
875 | + img2 = ''; | ||
876 | + } | ||
877 | + | ||
878 | + $.post("{:url('Salesmangoods/Salesman_goods_add')}",{show_img:show_img,thumbnail:thumbnail,book_name:book_name,money:money,price:price,pricing:pricing,instr:instr,book_number:book_number,paper:paper,book_size:book_size,binding:binding,author:author,press:press,press_time:press_time,suit:suit,grade:grade,img0:img0,img1:img1,img2:img2,printing:printing},function(data){ | ||
879 | + if(data){ | ||
880 | + window.location.href = "{:url('salesmangoods/salesman_goods')}"; | ||
881 | + }else{ | ||
882 | + alert('添加失败'); | ||
883 | + } | ||
884 | + }); | ||
885 | + } | ||
886 | + | ||
887 | + | ||
888 | +</script> | ||
889 | +<script> | ||
890 | + | ||
891 | + //选择年级 | ||
892 | + $(".log_six_select_nianji").click(function(){ | ||
893 | + $(".tx_mask_tongyi").css({ | ||
894 | + display: "block" | ||
895 | + }); | ||
896 | + }) | ||
897 | + $(".tx_mask_tongyi .three_model_school_name").click(function(){ | ||
898 | + var index = $(this).index(); | ||
899 | + $('.log_six_nianji_contant').text($(this).text()).css("color", "#333"); | ||
900 | + $(".tx_mask_tongyi").hide(); | ||
901 | + }) | ||
902 | + //取消弹窗 | ||
903 | + $(document).mouseup(function(e) { | ||
904 | + var _con = $('.tx_maskCon_school'); | ||
905 | + if(!_con.is(e.target) && _con.has(e.target).length === 0) { | ||
906 | + $('.tx_mask_tongyi').hide() | ||
907 | + } | ||
908 | + }) | ||
909 | + //上传图片 | ||
910 | + | ||
911 | + $(function() { | ||
912 | + $("#img1_file_img").change(function() { | ||
913 | + var img_size = $(this).get(0).files[0].size; | ||
914 | + if(img_size > 1024000) { | ||
915 | + alert("上传图片过大,请上传小于1M的图片"); | ||
916 | + } else { | ||
917 | + $.ajaxFileUpload({ | ||
918 | + url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址 | ||
919 | + secureuri: false, //是否需要安全协议,一般设置为false | ||
920 | + fileElementId: 'img1_file_img', //文件上传域的ID | ||
921 | + dataType: 'json', //返回值类型 一般设置为json | ||
922 | + success: function(data) { //服务器成功响应处理函数 | ||
923 | + $('#show_img').attr("src","/uploads/"+data.data); | ||
924 | + $(".log_six_add_photo").addClass("log_six_add_photos"); | ||
925 | + $(".log_six_photo_one").addClass("log_six_photo_ones"); | ||
926 | + $(".log_six_add_img").addClass("log_six_add_imgs"); | ||
927 | + $(".log_six_add_title").addClass("log_six_add_titles"); | ||
928 | + | ||
929 | + } | ||
930 | + }); | ||
931 | + } | ||
932 | + }); | ||
933 | + $("#img_file_suolue").change(function() { | ||
934 | + var img_size = $(this).get(0).files[0].size; | ||
935 | + if(img_size > 1024000) { | ||
936 | + alert("上传图片过大,请上传小于1M的图片"); | ||
937 | + } else { | ||
938 | + $.ajaxFileUpload({ | ||
939 | + url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址 | ||
940 | + secureuri: false, //是否需要安全协议,一般设置为false | ||
941 | + fileElementId: 'img_file_suolue', //文件上传域的ID | ||
942 | + dataType: 'json', //返回值类型 一般设置为json | ||
943 | + success: function(data) { //服务器成功响应处理函数 | ||
944 | + $('#thumbnail').attr("src","/uploads/"+data.data); | ||
945 | + $(".log_two_pi_one").addClass("log_two_pi_ones"); | ||
946 | + $(".log_two_pi_one_p").addClass("log_two_pi_one_ps"); | ||
947 | + $(".log_two_pi_one_icon").addClass("log_two_pi_one_icons"); | ||
948 | + } | ||
949 | + }); | ||
950 | + } | ||
951 | + }); | ||
952 | + | ||
953 | + $("#img0_file").change(function() { | ||
954 | + var img_size = $(this).get(0).files[0].size; | ||
955 | + if(img_size > 1024000) { | ||
956 | + alert("上传图片过大,请上传小于1M的图片"); | ||
957 | + } else { | ||
958 | + $.ajaxFileUpload({ | ||
959 | + url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址 | ||
960 | + secureuri: false, //是否需要安全协议,一般设置为false | ||
961 | + fileElementId: 'img0_file', //文件上传域的ID | ||
962 | + dataType: 'json', //返回值类型 一般设置为json | ||
963 | + success: function(data) { //服务器成功响应处理函数 | ||
964 | + $('#img0').attr("src","/uploads/"+data.data); | ||
965 | + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs"); | ||
966 | + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles"); | ||
967 | + | ||
968 | + } | ||
969 | + }); | ||
970 | + } | ||
971 | + }); | ||
972 | + | ||
973 | + $("#img1_file").change(function() { | ||
974 | + var img_size = $(this).get(0).files[0].size; | ||
975 | + if(img_size > 1024000) { | ||
976 | + alert("上传图片过大,请上传小于1M的图片"); | ||
977 | + } else { | ||
978 | + $.ajaxFileUpload({ | ||
979 | + url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址 | ||
980 | + secureuri: false, //是否需要安全协议,一般设置为false | ||
981 | + fileElementId: 'img1_file', //文件上传域的ID | ||
982 | + dataType: 'json', //返回值类型 一般设置为json | ||
983 | + success: function(data) { //服务器成功响应处理函数 | ||
984 | + $('#img1').attr("src","/uploads/"+data.data); | ||
985 | + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs"); | ||
986 | + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles"); | ||
987 | + } | ||
988 | + }); | ||
989 | + } | ||
990 | + }); | ||
991 | + | ||
992 | + $("#img2_file").change(function() { | ||
993 | + var img_size = $(this).get(0).files[0].size; | ||
994 | + if(img_size > 1024000) { | ||
995 | + alert("上传图片过大,请上传小于1M的图片"); | ||
996 | + } else { | ||
997 | + $.ajaxFileUpload({ | ||
998 | + url: '/portal/Personalcenter/image_one_up', //用于文件上传的服务器端请求地址 | ||
999 | + secureuri: false, //是否需要安全协议,一般设置为false | ||
1000 | + fileElementId: 'img2_file', //文件上传域的ID | ||
1001 | + dataType: 'json', //返回值类型 一般设置为json | ||
1002 | + success: function(data) { //服务器成功响应处理函数 | ||
1003 | + $('#img2').attr("src","/uploads/"+data.data); | ||
1004 | + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs"); | ||
1005 | + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles"); | ||
1006 | + } | ||
1007 | + }); | ||
1008 | + } | ||
1009 | + }); | ||
1010 | + | ||
1011 | + }); | ||
1012 | +</script> | ||
1013 | +</body> | ||
1014 | + | ||
1015 | +</html><!DOCTYPE html> | ||
1016 | +<html lang="en"> | ||
1017 | + | ||
1018 | +<head> | ||
1019 | + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | ||
1020 | + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> | ||
1021 | + <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | ||
1022 | + <title>学考无忧-添加商品</title> | ||
1023 | + <link rel="stylesheet" href="__TMPL__/public/assets/css//mui.min.css" /> | ||
1024 | + <link rel="stylesheet" href="__TMPL__/public/assets/css//mui.picker.min.css" /> | ||
1025 | + <link rel="stylesheet" href="__TMPL__/public/assets/css//reset.css" /> | ||
1026 | + <link rel="stylesheet" href="__TMPL__/public/assets/css//log.css" /> | ||
1027 | + <style> | ||
1028 | + .log_six_add_photos{ | ||
1029 | + padding: 0.15rem 0.2rem; | ||
1030 | + display: flex; | ||
1031 | + justify-content: space-around; | ||
1032 | + align-items: center; | ||
1033 | + } | ||
1034 | + .log_six_photo_ones{ | ||
1035 | + width: 1.6rem; | ||
1036 | + height: 1.6rem; | ||
1037 | + } | ||
1038 | + .log_six_add_imgs{ | ||
1039 | + width: 100%; | ||
1040 | + height:1.5rem; | ||
1041 | + } | ||
1042 | + .log_six_add_titles{ | ||
1043 | + display: none; | ||
1044 | + } | ||
1045 | + .log_six_pictyre_imgs{ | ||
1046 | + width: 1.6rem; | ||
1047 | + height: 1.6rem; | ||
1048 | + } | ||
1049 | + .log_six_pictyre_titles{ | ||
1050 | + display: none; | ||
1051 | + } | ||
1052 | + </style> | ||
1053 | +</head> | ||
1054 | + | ||
1055 | +<body> | ||
1056 | +<div class="tx_mask_tongyi"> | ||
1057 | + <div class="tx_maskCon_school"> | ||
1058 | + <div class="three_model_school"> | ||
1059 | + <div class="three_model_school_data" style="display: block;"> | ||
1060 | + <div class="three_model_school_name there_unActive">一年级</div> | ||
1061 | + <div class="three_model_school_name">二年级</div> | ||
1062 | + <div class="three_model_school_name">三年级</div> | ||
1063 | + <div class="three_model_school_name">四年级</div> | ||
1064 | + <div class="three_model_school_name">五年级</div> | ||
1065 | + <div class="three_model_school_name">六年级</div> | ||
1066 | + <div class="three_model_school_name">初一</div> | ||
1067 | + <div class="three_model_school_name">初二</div> | ||
1068 | + <div class="three_model_school_name">初三</div> | ||
1069 | + <div class="three_model_school_name">高一</div> | ||
1070 | + <div class="three_model_school_name">高二</div> | ||
1071 | + <div class="three_model_school_name">高三</div> | ||
1072 | + </div> | ||
1073 | + </div> | ||
1074 | + </div> | ||
1075 | +</div> | ||
1076 | +<div class="log_top_co"> | ||
1077 | + <!-- 顶部 --> | ||
1078 | + <div class=" order_top log_top_co"> | ||
1079 | + <a href="javascript:history.back(-1)"> | ||
1080 | + <img src="__TMPL__/public/assets/images/left.png" alt="" /> | ||
1081 | + </a> | ||
1082 | + <p>添加商品</p> | ||
1083 | + </div> | ||
1084 | +</div> | ||
1085 | +<!-- 添加照片 --> | ||
1086 | +<div class="log_six_add_photo"> | ||
1087 | + <div class="log_six_photo_one"> | ||
1088 | + <div class="log_six_add_img"> | ||
1089 | + <img src="__TMPL__/public/assets/images/jiahao.png" id="show_img" alt="" /> | ||
1090 | + </div> | ||
1091 | + <div class="log_six_add_title"> | ||
1092 | + 添加照片 | ||
1093 | + </div> | ||
1094 | + <div class="input_file"> | ||
1095 | + <input type="file" id="img1_file_img" name="avatar" /> | ||
1096 | + </div> | ||
1097 | + </div> | ||
1098 | + <div class="log_six_photo_one"> | ||
1099 | + <div class="log_six_add_img"> | ||
1100 | + <img src="__TMPL__/public/assets/images/jiahao.png" id="thumbnail" alt="" /> | ||
1101 | + </div> | ||
1102 | + <div class="log_six_add_title"> | ||
1103 | + 添加缩略图 | ||
1104 | + </div> | ||
1105 | + <div class="input_file"> | ||
1106 | + <input type="file" id="img_file_suolue" name="avatar" /> | ||
1107 | + </div> | ||
1108 | + </div> | ||
1109 | + | ||
1110 | +</div> | ||
1111 | +<div class="log_six_wire"></div> | ||
1112 | +<!-- 输入框 --> | ||
1113 | +<div class="log_six_input"> | ||
1114 | + <div class="log_two_input"> | ||
1115 | + <div class="log_two_input_one "> | ||
1116 | + <div class="log_two_input_title"> | ||
1117 | + 书籍 | ||
1118 | + </div> | ||
1119 | + <div class="log_two_input_contant"> | ||
1120 | + <input type="text" placeholder="请输入书籍名称" name="book_name" /> | ||
1121 | + </div> | ||
1122 | + </div> | ||
1123 | + <div class="log_two_input_one "> | ||
1124 | + <div class="log_two_input_title"> | ||
1125 | + 佣金 | ||
1126 | + </div> | ||
1127 | + <div class="log_two_input_contant"> | ||
1128 | + <input type="text" placeholder="请输入下级推广佣金" name="money" /> | ||
1129 | + </div> | ||
1130 | + </div> | ||
1131 | + <div class="log_two_input_one"> | ||
1132 | + <div class="log_two_input_title"> | ||
1133 | + 售价 | ||
1134 | + </div> | ||
1135 | + <div class="log_two_input_contant"> | ||
1136 | + <input type="text" placeholder="输入售价" name="price" /> | ||
1137 | + </div> | ||
1138 | + </div> | ||
1139 | + <div class="log_two_input_one"> | ||
1140 | + <div class="log_two_input_title"> | ||
1141 | + 定价 | ||
1142 | + </div> | ||
1143 | + <div class="log_two_input_contant"> | ||
1144 | + <input type="text" placeholder="输入定价" name="pricing" /> | ||
1145 | + </div> | ||
1146 | + </div> | ||
1147 | + <div class="log_six_input_one"> | ||
1148 | + <div class="log_two_input_title" style="margin-top: 0.09rem;"> | ||
1149 | + 商品说明 | ||
1150 | + </div> | ||
1151 | + <div class="log_six_input_contant"> | ||
1152 | + <textarea cols="20" rows="3" placeholder="请输入商品说明" id="instr"></textarea> | ||
1153 | + </div> | ||
1154 | + </div> | ||
1155 | + <div class="log_two_input_one"> | ||
1156 | + <div class="log_two_input_title"> | ||
1157 | + 书号 | ||
1158 | + </div> | ||
1159 | + <div class="log_two_input_contant"> | ||
1160 | + <input type="text" placeholder="请输入书号" name="book_number" /> | ||
1161 | + </div> | ||
1162 | + </div> | ||
1163 | + <div class="log_two_input_one"> | ||
1164 | + <div class="log_two_input_title"> | ||
1165 | + 纸张 | ||
1166 | + </div> | ||
1167 | + <div class="log_two_input_contant"> | ||
1168 | + <input type="text" placeholder="请输入纸张" name="paper" /> | ||
1169 | + </div> | ||
1170 | + </div> | ||
1171 | + <div class="log_two_input_one"> | ||
1172 | + <div class="log_two_input_title"> | ||
1173 | + 装订 | ||
1174 | + </div> | ||
1175 | + <div class="log_two_input_contant"> | ||
1176 | + <input type="text" placeholder="请输入装订" name="binding" /> | ||
1177 | + </div> | ||
1178 | + </div> | ||
1179 | + <div class="log_two_input_one"> | ||
1180 | + <div class="log_two_input_title"> | ||
1181 | + 开本 | ||
1182 | + </div> | ||
1183 | + <div class="log_two_input_contant"> | ||
1184 | + <input type="text" placeholder="请输入开本" name="book_size" /> | ||
1185 | + </div> | ||
1186 | + </div> | ||
1187 | + <div class="log_two_input_one"> | ||
1188 | + <div class="log_two_input_title"> | ||
1189 | + 印刷 | ||
1190 | + </div> | ||
1191 | + <div class="log_two_input_contant"> | ||
1192 | + <input type="text" placeholder="请输入印刷" name="printing" /> | ||
1193 | + </div> | ||
1194 | + </div> | ||
1195 | + <div class="log_two_input_one"> | ||
1196 | + <div class="log_two_input_title"> | ||
1197 | + 作者 | ||
1198 | + </div> | ||
1199 | + <div class="log_two_input_contant"> | ||
1200 | + <input type="text" placeholder="请输入作者名称" name="author" /> | ||
1201 | + </div> | ||
1202 | + </div> | ||
1203 | + <div class="log_two_input_one"> | ||
1204 | + <div class="log_two_input_title"> | ||
1205 | + 出版社 | ||
1206 | + </div> | ||
1207 | + <div class="log_two_input_contant"> | ||
1208 | + <input type="text" placeholder="请输入出版社名称" name="press" /> | ||
1209 | + </div> | ||
1210 | + </div> | ||
1211 | + <div class="log_two_input_one"> | ||
1212 | + <div class="log_two_input_title"> | ||
1213 | + 出版时间 | ||
1214 | + </div> | ||
1215 | + <div class="log_two_input_contant"> | ||
1216 | + <input type="text" placeholder="请输入作者名称" name="press_time" /> | ||
1217 | + </div> | ||
1218 | + </div> | ||
1219 | + </div> | ||
1220 | +</div> | ||
1221 | +<div class="log_six_wire"></div> | ||
1222 | +<!-- 套装 --> | ||
1223 | +<div class="log_six_select"> | ||
1224 | + <div class="log_six_select_contant"> | ||
1225 | + <div class="log_two_input_one"> | ||
1226 | + <div class="log_two_input_title"> | ||
1227 | + 套装 | ||
1228 | + </div> | ||
1229 | + <div class="log_two_input_contant"> | ||
1230 | + <input type="text" placeholder="请输入套装数量" name="suit" /> | ||
1231 | + </div> | ||
1232 | + </div> | ||
1233 | + <div class="log_six_select_top log_six_select_nianji"> | ||
1234 | + <div class="log_six_select_left"> | ||
1235 | + <div class="log_six_select_one" > | ||
1236 | + 适合年级 | ||
1237 | + </div> | ||
1238 | + <div class="log_six_select_two log_six_nianji_contant" id="grade" > | ||
1239 | + 请选择 | ||
1240 | + </div> | ||
1241 | + </div> | ||
1242 | + <div class="log_six_select_three"> | ||
1243 | + <img src="__TMPL__/public/assets/images/29.png" alt="" /> | ||
1244 | + </div> | ||
1245 | + </div> | ||
1246 | + </div> | ||
1247 | +</div> | ||
1248 | +<div class="log_six_wire"></div> | ||
1249 | +<div class="log_two_picture"> | ||
1250 | + <div class="log_two_picture_title"> | ||
1251 | + 商品详情 | ||
1252 | + </div> | ||
1253 | + <div class="log_six_file_picture"> | ||
1254 | + <div class="log_six_picture"> | ||
1255 | + <div class="log_six_picture_one"> | ||
1256 | + <div class="log_six_pictyre_img"> | ||
1257 | + <img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img0" /> | ||
1258 | + </div> | ||
1259 | + <div class="log_six_pictyre_title"> | ||
1260 | + 添加图片 | ||
1261 | + </div> | ||
1262 | + <div class="input_files"> | ||
1263 | + <input type="file" id="img0_file" name="avatar" /> | ||
1264 | + </div> | ||
1265 | + </div> | ||
1266 | + </div> | ||
1267 | + <div class="log_six_picture"> | ||
1268 | + <div class="log_six_picture_one"> | ||
1269 | + <div class="log_six_pictyre_img"> | ||
1270 | + <img src="__TMPL__/public/assets/images/jiahao.png" alt="" id="img1" /> | ||
1271 | + </div> | ||
1272 | + <div class="log_six_pictyre_title"> | ||
1273 | + 添加图片 | ||
1274 | + </div> | ||
1275 | + <div class="input_files"> | ||
1276 | + <input type="file" id="img1_file" name="avatar" /> | ||
1277 | + </div> | ||
1278 | + </div> | ||
1279 | + </div> | ||
1280 | + <div class="log_six_picture"> | ||
1281 | + <div class="log_six_picture_one"> | ||
1282 | + <div class="log_six_pictyre_img" id="openCamera"> | ||
1283 | + <img src="__TMPL__/public/assets/images/jiahao.png" id="img20" alt="" /> | ||
1284 | + </div><!--id="img2"--> | ||
1285 | + <div class="log_six_pictyre_title"> | ||
1286 | + 添加图片 | ||
1287 | + </div> | ||
1288 | + <div class="input_files"> | ||
1289 | + <!--<input type="file" id="openCamera" name="avatar" />--> | ||
1290 | + </div> | ||
1291 | + </div> | ||
1292 | + </div> | ||
1293 | + </div><!--id="img2_file"--> | ||
1294 | +</div> | ||
1295 | +<!-- 保存 --> | ||
1296 | +<div class="log_two_bottom_btn" onclick="Sure_add()"> | ||
1297 | + 确定添加 | ||
1298 | +</div> | ||
1299 | +<script src="__TMPL__/public/assets/js/jquery.js"></script> | ||
1300 | +<script src="__TMPL__/public/assets/js/base.js"></script> | ||
1301 | +<script src="__TMPL__/public/assets/js/mui.min.js"></script> | ||
1302 | +<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script> | ||
1303 | +<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script> | ||
1304 | +<script src="__TMPL__/public/assets/js/city.data-3.js"></script> | ||
1305 | +<script src="__TMPL__/public/assets/js/uploadfile.js"></script> | ||
1306 | +<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> | ||
1307 | +<script> | ||
1308 | + | ||
1309 | + $('#openCamera').click(function(){ | ||
1310 | + | ||
1311 | + wx.config({$jssdk}); | ||
1312 | + wx.chooseImage({ | ||
1313 | + count: 1, // 默认9 | ||
1314 | + sizeType: ['original'], // 指定是原图还是压缩图,默认都有 | ||
1315 | + sourceType: ['album', 'camera'], // 指定来源是相册还是相机,默认都有 | ||
1316 | + success: function (res) { | ||
1317 | + var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片 | ||
1318 | + $('#img20').attr("src",localIds); | ||
1319 | + $(".log_six_pictyre_img").addClass("log_six_pictyre_imgs"); | ||
1320 | + $(".log_six_pictyre_title").addClass("log_six_pictyre_titles"); | ||
1321 | + wx.uploadImage({ | ||
1322 | + localId: localIds.toString(), // 需要上传的图片的ID,由chooseImage接口获得 | ||
1323 | + isShowProgressTips: 1, // 进度提示 | ||
1324 | + success: function (res) { | ||
1325 | + var mediaId = res.serverId; // 返回图片的服务器端ID,即mediaId | ||
1326 | + //将获取到的 mediaId 传入后台 方法savePicture | ||
1327 | + $.post("{:url('Salesmangoods/savePicture')}",{"mediaId":mediaId},function(res){ | ||
1328 | + //填写你自己的业务逻辑 | ||
1329 | + alert(res); | ||
1330 | + }); | ||
1331 | + | ||
317 | }, | 1332 | }, |
318 | fail: function (res) { | 1333 | fail: function (res) { |
319 | alertModal('图片上传失败,请重试'); | 1334 | alertModal('图片上传失败,请重试'); |
-
请 注册 或 登录 后发表评论