poster.blade.php 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <div class="ibox float-e-margins">
  2. <div class="ibox-content" style="display: block;">
  3. {!! Form::open(['route' => 'admin.course.poster.store'
  4. , 'class' => 'form-horizontal'
  5. , 'role' => 'form'
  6. , 'method' => 'POST'
  7. ,'id'=>'Category_form']) !!}
  8. <div class="form-group">
  9. {!! Form::label('name','海报背景图:', ['class' => 'col-md-2 control-label']) !!}
  10. <div class="col-md-2" id="filePicker">选择图片</div>
  11. <div class="col-md-6">
  12. <input type="hidden" name="cover" value="{{$poster}}"/>
  13. <img class="banner-image" src="{{env('APP_URL').'/storage/'.$poster}}"
  14. style="max-width: 320px;max-height: 320px;">
  15. </div>
  16. </div>
  17. <div class="hr-line-dashed"></div>
  18. <div class="form-group">
  19. <div class="col-md-offset-2 col-md-8 controls">
  20. <button type="submit" class="btn btn-primary">保存</button>
  21. </div>
  22. </div>
  23. {!! Form::close() !!}
  24. <!-- /.tab-content -->
  25. </div>
  26. </div>
  27. {!! Html::script(env("APP_URL").'/vendor/libs/webuploader-0.1.5/webuploader.js') !!}
  28. <script>
  29. $(function () {
  30. var uploader = WebUploader.create({
  31. // 选完文件后,是否自动上传。
  32. auto: true,
  33. swf: '{{url(env("APP_URL").'/assets/backend/libs/webuploader-0.1.5/Uploader.swf')}}',
  34. server: '{{route('ibrand.file.upload',['_token'=>csrf_token()])}}',
  35. pick: '#filePicker',
  36. fileVal: 'upload_file',
  37. accept: {
  38. title: 'Images',
  39. extensions: 'gif,jpg,jpeg,bmp,png',
  40. mimeTypes: 'image/*'
  41. }
  42. });
  43. // 文件上传成功,给item添加成功class, 用样式标记上传成功。
  44. uploader.on('uploadSuccess', function (file, response) {
  45. $('.banner-image').attr('src', response.data.url).show();
  46. $("input[name='banner_pic']").val(response.data.file);
  47. $("input[name='cover']").val(response.data.path);
  48. });
  49. })
  50. </script>
  51. <script>
  52. $('#Category_form').ajaxForm({
  53. success: function (result) {
  54. if (!result.status) {
  55. swal("保存失败!", result.message, "error")
  56. } else {
  57. swal({
  58. title: "保存成功!",
  59. text: "",
  60. type: "success"
  61. }, function () {
  62. location = '{{route('admin.course.poster')}}';
  63. });
  64. }
  65. }
  66. });
  67. </script>