uploadimg.html 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!-- <div class="cl pd-5 bg-1 bk-gray">
  2. <a href="{:url('/file_manager/selectpicture')}" class="btn btn-default radius sethumb">
  3. <i class="Hui-iconfont">&#xe600;</i> 站内选择 </a>&nbsp;&nbsp;
  4. <a href="javascript:void(0);" class="btn btn-primary radius sethumb">
  5. <i class="Hui-iconfont">&#xe600;</i> 本地上传 </a>&nbsp;&nbsp;
  6. <a href="{:url('/file_manager/onlinepicture')}" class="btn btn-default radius sethumb">
  7. <i class="Hui-iconfont">&#xe600;</i> 网络图片 </a>&nbsp;&nbsp;
  8. </div> -->
  9. <!-- 本地上传 -->
  10. <div class="step1 active" style="margin-left:30px;">
  11. <form id="submit_form" method="post" action="" enctype="multipart/form-data">
  12. <input type="hidden" name="thumb" value={$thumb}>
  13. <input type="hidden" name="width" value={$width}>
  14. <input type="hidden" name="height" value={$height}>
  15. <div class="row cl" style="margin-top:20px;">
  16. <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>图片要求: </label>
  17. <div class="formControls col-xs-8 col-sm-8">
  18. 格式 jpg,png,gif,jpeg. 大小不超过2M.
  19. </div>
  20. <div class="col-3"> </div>
  21. </div>
  22. <div class="row cl" style="margin-top:20px;">
  23. <label class="form-label col-xs-2 col-sm-2">
  24. <span class="c-red">*</span>本地上传:</label>
  25. <div class="formControls col-xs-4 col-sm-4">
  26. <input type="file" class="input-text" name="upload_file" id="upload_file">
  27. </div>
  28. <div class="col-3"> </div>
  29. </div>
  30. <div class="row cl" style="margin-top:30px;margin-left:30px;">
  31. <div class="col-xs-6 col-sm-5 col-xs-offset-2 col-sm-offset-2">
  32. <input class="btn btn-primary radius" type="button" value="&nbsp;确&nbsp;定&nbsp;" onCLick="uploadImg()">
  33. <input class="btn btn-default radius" type="button" value="&nbsp;取&nbsp;消&nbsp;" onClick="layer_close();">
  34. </div>
  35. </div>
  36. </form>
  37. </div>
  38. <!-- 本地上传end -->
  39. <!--请在下方写此页面业务相关的脚本-->
  40. <script type="text/javascript">
  41. //step1本地上传图片
  42. function uploadImg() {
  43. if ($("#upload_file").val() == '') {
  44. layer.msg("请选择要上传的文件", {
  45. icon: 6,
  46. time: 1000
  47. });
  48. return false;
  49. } else {
  50. var formData = new FormData($("#submit_form")[0]);
  51. $.ajax({
  52. url: '{:url("file_manager/uploadimg")}',
  53. type: 'POST',
  54. async: true,
  55. cache: false,
  56. data: formData,
  57. processData: false,
  58. contentType: false,
  59. dataType: "json",
  60. beforeSend: function () {
  61. uploading = true;
  62. },
  63. success: function (data) {
  64. if (data.code == 2) {
  65. window.parent.$("#picture").val(data.picname);
  66. var img=data.picname;
  67. if (data.thumbname) {
  68. img = data.thumbname;
  69. window.parent.$("#thumb").val(data.thumbname);
  70. }
  71. window.parent.$("#view-img").attr('src',img);
  72. layer_close();
  73. } else {
  74. layer.msg(data.msg, {
  75. icon: 5,
  76. time: 1000
  77. });
  78. return false;
  79. }
  80. uploading = false;
  81. }
  82. });
  83. }
  84. }
  85. </script>
  86. <!--请在上方写此页面业务相关的脚本-->