暫無描述

edit.js 7.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. /**
  2. * Created by TT on 2018/1/30.
  3. */
  4. ;
  5. spa_define(function () {
  6. return $.use(["spa", "util", "form"], function (spa, util, fb) {
  7. return {
  8. modal: function (data) {
  9. var root = spa.findInModal(".sys_question_edit");
  10. var form = fb.build(root.find(".newForm"));
  11. root.find(".modal-ctrl .icon-times").on("click", function () {
  12. spa.closeModal();
  13. });
  14. form.val({cnt: data.data.cnt,title:data.data.title});
  15. var saveBtn = root.find(".opt-save"),
  16. save = function () {
  17. var img = [];
  18. $('#fileList').find('img').each(function () {
  19. img.push($(this).attr("name"));
  20. });
  21. util.post("../ajax/qa/question/modify", {
  22. img: img.join(","),
  23. title: form.val().title,
  24. cnt: form.val().cnt,
  25. id: data.data.id
  26. }, function () {
  27. spa.closeModal();
  28. if (data.hand) {
  29. data.hand();
  30. }
  31. }, {});
  32. };
  33. var $list = $('#fileList'),
  34. ratio = window.devicePixelRatio || 1,
  35. thumbnailWidth = 100 * ratio,
  36. thumbnailHeight = 100 * ratio,
  37. uploader;
  38. uploader = WebUploader.create({
  39. auto: true,
  40. server: 'http://www.ekexiu.com/ajax/question/upload',
  41. pick: {
  42. id: "#filePicker",
  43. multiple: false
  44. },
  45. duplicate: true,
  46. // fileNumLimit:5,
  47. // fileSingleSizeLimit: 2*1024*1024,
  48. accept: {
  49. title: 'Images',
  50. extensions: 'gif,jpg,jpeg,bmp,png',
  51. mimeTypes: 'image/jpg,image/jpeg,image/png'
  52. }
  53. });
  54. uploader.on('fileQueued', function (file) {
  55. if ($(".file-item").length < 3) {
  56. var $li = $(
  57. '<div id="' + file.id + '" class="file-item thumbnail">' +
  58. '<img>' +
  59. '</div>'
  60. ),
  61. $img = $li.find('img');
  62. $list.append($li);
  63. if ($('#fileList').find('img').length > 2) {
  64. $('#filePicker').hide();
  65. }
  66. }
  67. });
  68. uploader.on('uploadSuccess', function (file, data) {
  69. console.log(data);
  70. $('#' + file.id).addClass('upload-state-done');
  71. if (data.success) {
  72. $('#' + file.id).find('img').attr('name', data.data[0].uri);
  73. }
  74. uploader.makeThumb(file, function (error, src) {
  75. var $img = $("#" + file.id).find('img');
  76. if (error) {
  77. $img.replaceWith('<span>不能预览</span>');
  78. return;
  79. }
  80. $img.attr('src', src);
  81. }, thumbnailWidth, thumbnailHeight);
  82. if ($('#fileList').find('img').length < 3) {
  83. $('#filePicker').show();
  84. }
  85. if (uploader.getStats().progressNum == 0 || uploader.getStats().queueNum == 0) {
  86. saveBtn.on("click", save);
  87. }
  88. });
  89. uploader.on('uploadComplete', function (file) {
  90. var $li = $('#' + file.id);
  91. $li.find('.progress').remove();
  92. $('<div class="file-panel">' +
  93. '<span class="cancel icon-remove-sign">删除</span>' +
  94. '</div>').appendTo($li);
  95. });
  96. $list.on("click", ".cancel", function () {
  97. $(this).parent().parent().remove();
  98. if ($('#fileList').find('img').length < 3) {
  99. $('#filePicker').show();
  100. }
  101. uploader.refresh();
  102. });
  103. uploader.on('uploadProgress', function (file, percentage) {
  104. var $li = $('#' + file.id),
  105. $percent = $li.find('.progress span');
  106. // 避免重复创建
  107. if (!$percent.length) {
  108. $percent = $('<p class="progress"><span></span></p>')
  109. .appendTo($li)
  110. .find('span');
  111. }
  112. $percent.css('width', percentage * 100 + '%');
  113. $('#filePicker').hide();
  114. saveBtn.unbind("click");
  115. });
  116. uploader.on('error', function (type) {
  117. switch (type) {
  118. case 'Q_EXCEED_NUM_LIMIT':
  119. alert("错误:上传文件数量过多!");
  120. break;
  121. case 'Q_EXCEED_SIZE_LIMIT':
  122. alert("错误:文件总大小超出限制!");
  123. break;
  124. case 'F_EXCEED_SIZE':
  125. alert("错误:文件大小超出限制!");
  126. break;
  127. case 'Q_TYPE_DENIED':
  128. alert("错误:禁止上传该类型文件!");
  129. break;
  130. default:
  131. alert('错误代码:' + type);
  132. break;
  133. }
  134. });
  135. if (data.data.img) {
  136. var image = split1(data.data.img);
  137. for (var i = 0; i < image.length; i++) {
  138. var $li = $(
  139. '<div class="file-item thumbnail">' +
  140. '<img src="http://www.ekexiu.com/data/question/" id="oimg" />' +
  141. '</div>'
  142. ),
  143. $btn = $('<div class="file-panel">' +
  144. '<span class="cancel icon-remove-sign">删除</span>' +
  145. '</div>').appendTo($li),
  146. $img = $li.find('img');
  147. $list.append($li);
  148. $img.attr('src', "http://www.ekexiu.com/data/question" + image[i]);
  149. // $img.attr('src', "../data/images/researchResult/" + image[i]+".jpg");
  150. $img.attr('name', image[i]);
  151. }
  152. if ($('#fileList').find('img').length > 2) {
  153. $('#filePicker').hide();
  154. }
  155. }
  156. function split1(data) {
  157. var index = data.split(",");
  158. var arr = [];
  159. for (var m = 0; m < index.length; m++) {
  160. arr.push(index[m]);
  161. }
  162. return arr;
  163. }
  164. }
  165. }
  166. });
  167. });