resume_edit_img.blade.php 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. @extends('mobile.module.layouts.content')
  2. @push('meta')
  3. <meta name="csrf-token" content="{{ csrf_token() }}">
  4. @endpush
  5. @push('css')
  6. <link href="{{ theme_asset('mobile/css/personal.css') }}" rel="stylesheet">
  7. <link href="{{ theme_asset('mobile/css/nprogress.css') }}" rel="stylesheet">
  8. @endpush
  9. @section('content')
  10. <div class="list_height plist-txt notarrow">
  11. <div class="pic"></div>
  12. <div class="tit font14">作品描述</div>
  13. <div class="describe font13">
  14. <input type="text" id="title" placeholder="请输入作品描述" value="{{ $imagesEdu->title or '' }}">
  15. </div>
  16. <div class="arrow"></div>
  17. <div class="clear"></div>
  18. </div>
  19. <div class="list_height plist-txt notarrow last ">
  20. <div class="pic"></div>
  21. <div class="tit font14">上传作品<span class="font_red_light">*</span></div>
  22. <div class="describe com_auth_add_btn font13">
  23. <div class="qs-btn qs-btn-inline qs-btn-green qs-btn-medium mt125">
  24. <span class="js-up-txt">上传作品</span>
  25. <input type="file" id="browseFile" class="browseFile">
  26. </div>
  27. <input type="hidden" id="certificate_img_up" name="certificate_img_up" value="{{ $imagesEdu->img or '' }}">
  28. </div>
  29. <div class="arrow"></div>
  30. <div class="clear"></div>
  31. </div>
  32. <div class="split-block"></div>
  33. <div class="qs-center m-auth-img-box-group @if(!isset($imagesEdu->img) || empty($imagesEdu->img)) qs-hidden @endif">
  34. <div class="m-auth-img-box photo-works">
  35. @if(isset($imagesEdu->img))
  36. <img src="{{ upload_asset($imagesEdu->img) }}">
  37. @else
  38. <img src="">
  39. @endif
  40. </div>
  41. </div>
  42. <input type="hidden" id="id" value="{{ $imagesEdu->id or '' }}">
  43. <input type="hidden" id="resume_id" value="{{ $resume_id or '' }}">
  44. <div class="btn-spacing">
  45. <a id="J_saveresume" href="javascript:;" class="qs-btn qs-btn-blue font18">保存</a>
  46. </div>
  47. <div class="split-block"></div>
  48. @endsection
  49. @section('script')
  50. <script type="text/javascript" src="{{ theme_asset('mobile/js/mobileBUGFix.mini.js') }}"></script>
  51. <script type="text/javascript" src="{{ theme_asset('mobile/js/LocalResizeIMG.js') }}"></script>
  52. <script type="text/javascript" src="{{ theme_asset('mobile/js/nprogress.js') }}"></script>
  53. <script type="text/javascript">
  54. var resume_id = $.trim($('#resume_id').val());
  55. var id = $.trim($('#id').val());
  56. $('#browseFile').localResizeIMG({
  57. width: 400,
  58. quality: 1,
  59. success: function (result) {
  60. var submitData={
  61. images:result.clearBase64,
  62. title:$.trim($('#title').val()),
  63. id:id,
  64. resume_id:resume_id,
  65. };
  66. NProgress.start();
  67. $.ajax({
  68. headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  69. type: "POST",
  70. url: "{{ route($sub_site.'mobile.resume.resumeImages') }}",
  71. data: submitData,
  72. dataType:"json",
  73. success: function(result){
  74. NProgress.done();
  75. $('#certificate_img_up').val(result.data);
  76. $('.m-auth-img-box').html('<img src="/storage/'+result.data +'">');
  77. $('.m-auth-img-box-group').removeClass('qs-hidden');
  78. $('.js-up-txt').text('重新选择');
  79. },
  80. complete :function(XMLHttpRequest, textStatus){},
  81. error:function(XMLHttpRequest, textStatus, errorThrown){ //上传失败
  82. if(XMLHttpRequest.status==400){
  83. qsToast({type:2,context: JSON.parse(XMLHttpRequest.response).message});
  84. }else{
  85. qsToast({type:2,context: '图片上传失败!'});
  86. }
  87. setTimeout(function () {
  88. window.location.reload();
  89. }, 2000);
  90. }
  91. });
  92. }
  93. });
  94. $('#J_saveresume').on('click',function(){
  95. window.location.href = '{{ route($sub_site.'mobile.person.resumeUpdate',['id'=>$resume_id]) }}';
  96. });
  97. </script>
  98. @endsection