1
0

ossupload.js 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727
  1. accessid = ''
  2. accesskey = ''
  3. host = ''
  4. policyBase64 = ''
  5. signature = ''
  6. callbackbody = ''
  7. filename = ''
  8. key = ''
  9. expire = 0
  10. g_object_name = ''
  11. g_object_name_type = ''
  12. now = timestamp = Date.parse(new Date()) / 1000;
  13. function send_request() {
  14. var xmlhttp = null;
  15. if (window.XMLHttpRequest) {
  16. xmlhttp = new XMLHttpRequest();
  17. } else if (window.ActiveXObject) {
  18. xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  19. }
  20. if (xmlhttp != null) {
  21. let cate_name = document.getElementById('category_name').value;
  22. if (cate_name.substr(0, 5) == "Train"){
  23. cate_name ="Train";
  24. }
  25. // serverUrl是 用户获取 '签名和Policy' 等信息的应用服务器的URL,请将下面的IP和Port配置为您自己的真实信息。
  26. serverUrl = window.location.protocol + "//" + window.location.host + '/api/uploadoss/oss_signature.html?cate=' + cate_name;
  27. xmlhttp.open("GET", serverUrl, false);
  28. xmlhttp.send(null);
  29. return xmlhttp.responseText
  30. } else {
  31. alert("Your browser does not support XMLHTTP.");
  32. }
  33. };
  34. function check_object_radio() {
  35. var tt = document.getElementsByName('myradio');
  36. for (var i = 0; i < tt.length; i++) {
  37. if (tt[i].checked) {
  38. g_object_name_type = tt[i].value;
  39. break;
  40. }
  41. }
  42. }
  43. function get_signature() {
  44. // 可以判断当前expire是否超过了当前时间, 如果超过了当前时间, 就重新取一下,3s 作为缓冲。
  45. now = timestamp = Date.parse(new Date()) / 1000;
  46. if (expire < now + 3) {
  47. body = send_request()
  48. var obj = eval("(" + body + ")");
  49. host = obj['host']
  50. policyBase64 = obj['policy']
  51. accessid = obj['accessid']
  52. signature = obj['signature']
  53. expire = parseInt(obj['expire'])
  54. callbackbody = obj['callback']
  55. key = obj['dir']
  56. return true;
  57. }
  58. return false;
  59. };
  60. function random_string(len) {
  61. len = len || 32;
  62. var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
  63. var maxPos = chars.length;
  64. var pwd = '';
  65. for (i = 0; i < len; i++) {
  66. pwd += chars.charAt(Math.floor(Math.random() * maxPos));
  67. }
  68. return pwd;
  69. }
  70. function get_suffix(filename) {
  71. pos = filename.lastIndexOf('.')
  72. suffix = ''
  73. if (pos != -1) {
  74. suffix = filename.substring(pos)
  75. }
  76. return suffix;
  77. }
  78. function calculate_object_name(filename) {
  79. /* if (g_object_name_type == 'local_name')
  80. {
  81. g_object_name += "${filename}"
  82. }
  83. else if (g_object_name_type == 'random_name')
  84. {
  85. suffix = get_suffix(filename)
  86. g_object_name = key + random_string(10) + suffix
  87. }*/
  88. suffix = get_suffix(filename)
  89. g_object_name = key + random_string(10) + suffix
  90. return ''
  91. }
  92. function get_uploaded_object_name(filename) {
  93. /* if (g_object_name_type == 'local_name')
  94. {
  95. tmp_name = g_object_name
  96. tmp_name = tmp_name.replace("${filename}", filename);
  97. return tmp_name
  98. }
  99. else if(g_object_name_type == 'random_name')
  100. {
  101. return g_object_name
  102. }*/
  103. return g_object_name
  104. }
  105. function set_upload_param(up, filename, ret) {
  106. if (ret == false) {
  107. ret = get_signature()
  108. }
  109. g_object_name = key;
  110. if (filename != '') {
  111. suffix = get_suffix(filename)
  112. calculate_object_name(filename)
  113. }
  114. new_multipart_params = {
  115. 'key': g_object_name,
  116. 'policy': policyBase64,
  117. 'OSSAccessKeyId': accessid,
  118. 'success_action_status': '200', //让服务端返回200,不然,默认会返回204
  119. 'callback': callbackbody,
  120. 'signature': signature,
  121. };
  122. up.setOption({
  123. 'url': host,
  124. 'multipart_params': new_multipart_params
  125. });
  126. up.start();
  127. }
  128. //上传视频,每日发圈 不同的页面限制不同的内容
  129. var file_cate_name = document.getElementById('category_name').value;
  130. if (file_cate_name == 'Video') {
  131. var mime_types = [{
  132. title: "Video files",
  133. extensions: 'mp4'
  134. }];
  135. var max_file_size = '500mb';
  136. } else if (file_cate_name == 'material') {
  137. var mime_types = [{
  138. title: "Video files",
  139. extensions: 'mp4'
  140. },
  141. {
  142. title: "Image files",
  143. extensions: "jpg,jpeg,png"
  144. }
  145. ];
  146. max_file_size = '500mb';
  147. } else if (file_cate_name == 'dailyWechatArticle') {
  148. var mime_types = [{
  149. title: "Video files",
  150. extensions: 'mp4'
  151. }];
  152. max_file_size = '100mb';
  153. } else if (file_cate_name == 'Talkskill') {
  154. var mime_types = [{
  155. title: "Video",
  156. extensions: 'mp4'
  157. }];
  158. max_file_size = '500mb';
  159. } else if (file_cate_name == 'evidence') {//客户见证上传视频
  160. var mime_types = [{
  161. title: "Video",
  162. extensions: 'mp4'
  163. }];
  164. max_file_size = '300mb';
  165. } else if (file_cate_name == 'company_strength') {//公司实力
  166. var mime_types = [{
  167. title: "Video",
  168. extensions: 'mp4'
  169. }];
  170. max_file_size = '285mb';
  171. } else if (file_cate_name == 'Construction') {//公司实力
  172. var mime_types = [{
  173. title: "Video",
  174. extensions: 'mp4'
  175. }];
  176. max_file_size = '285mb';
  177. }
  178. if (file_cate_name.substr(0, 5) == "Train"){
  179. var file_cate_name1 = document.getElementById('category_name1').value;
  180. var file_cate_name2 = document.getElementById('category_name2').value;
  181. var file_cate_name3 = document.getElementById('category_name3').value;
  182. if (file_cate_name1 == 'Trainvideo') {
  183. var mime_types = [{
  184. title: "Video",
  185. extensions: 'mp4'
  186. }];
  187. max_file_size = '286mb';
  188. var uploader1 = new plupload.Uploader({
  189. runtimes: 'html5,flash,silverlight,html4',
  190. browse_button: 'selectfiles',
  191. container: document.getElementById('container'),
  192. flash_swf_url: 'lib/plupload-2.1.2/js/Moxie.swf',
  193. silverlight_xap_url: 'lib/plupload-2.1.2/js/Moxie.xap',
  194. url: 'https://oss.aliyuncs.com',
  195. multi_selection: false,
  196. multiple_queues: false,
  197. //只允许上传图片,视频,pdf和zip文件
  198. filters: {
  199. mime_types: mime_types,
  200. max_file_size: max_file_size, //最大上传的文件
  201. prevent_duplicates: true //不允许选取重复文件
  202. },
  203. /* filters: {
  204. mime_types : [
  205. { title : "Video files", extensions : cate_name },
  206. { title : "Image files", extensions : "jpg,gif,png,bmp" },
  207. { title : "Pdf files", extensions : "pdf" },
  208. { title : "Zip files", extensions : "zip,rar" }
  209. ],
  210. max_file_size : '250mb', //最大只能上传250mb的文件
  211. prevent_duplicates : true //不允许选取重复文件
  212. },*/
  213. init: {
  214. PostInit: function () {
  215. if (document.getElementById('symbshowed').value == '') {
  216. document.getElementById('symbshowed').innerHTML = '';
  217. }
  218. document.getElementById('ossfile').innerHTML = '';
  219. document.getElementById('postfiles').onclick = function () {
  220. set_upload_param(uploader1, '', false);
  221. return false;
  222. };
  223. },
  224. FilesAdded: function (up, files, info) {
  225. if (up.files.length > 1) {
  226. up.files = files = [up.files[0]];
  227. if (up.files.length == 1) {
  228. layer.msg("只能上传一个文件!");
  229. }
  230. return;
  231. }
  232. plupload.each(files, function (file) {
  233. document.getElementById('symbshowed').innerHTML = '';
  234. document.getElementById('ossfile').innerHTML = '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ')<b></b>' +
  235. '<div class="progress"><div class="progress-bar" style="width: 0%"></div></div>' +
  236. '</div>';
  237. });
  238. },
  239. BeforeUpload: function (up, file) {
  240. check_object_radio();
  241. set_upload_param(up, file.name, true);
  242. },
  243. UploadProgress: function (up, file) {
  244. var d = document.getElementById(file.id);
  245. if (d) {
  246. d.getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
  247. var prog = d.getElementsByTagName('div')[0];
  248. var progBar = prog.getElementsByTagName('div')[0]
  249. progBar.style.width = 2 * file.percent + 'px';
  250. progBar.setAttribute('aria-valuenow', file.percent);
  251. }
  252. },
  253. FileUploaded: function (up, file, info) {
  254. if (info.status == 200) {
  255. var finalname = get_uploaded_object_name(file.name);
  256. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span style="color:#00FF66;">上传成功</span>';
  257. var val = document.getElementById("fileuri").value;
  258. if (val == '') {
  259. document.getElementById('fileuri').value = finalname;
  260. } else {
  261. document.getElementById('fileuri').value = val + ',' + finalname;
  262. }
  263. if (finalname.indexOf('mp4') > 0) {
  264. document.getElementById('symbshowed').innerHTML = '<video width="320" height="240" controls="" style="background-color: #000;" name="media"><source src="https://o.nczyzs.com/' + finalname + '" type="video/mp4"></video>';
  265. }
  266. if (finalname.indexOf('jpg') > 0 || finalname.indexOf('jpeg') > 0 || finalname.indexOf('png') > 0) {
  267. document.getElementById('symbshowed').innerHTML = '<img src="https://o.nczyzs.com/' + finalname + '" style="width:100%;"/>';
  268. }
  269. if (finalname.indexOf('mp3') > 0) {
  270. document.getElementById('symbshowed').innerHTML = '<audio width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></audio>';
  271. }
  272. if (finalname.indexOf('m4a') > 0) {
  273. document.getElementById('symbshowed').innerHTML = '<audio width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></audio>';
  274. }
  275. if (finalname.indexOf('pdf') > 0) {
  276. document.getElementById('symbshowed').innerHTML = '<iframe width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></iframe >';
  277. }
  278. if (file_cate_name.substr(0, 5) == 'Train') {
  279. let wzhfile = document.getElementById('trainfilediv');
  280. if (!!wzhfile){
  281. document.getElementById('trainfilediv').style.display = 'none';
  282. }
  283. }
  284. } else if (info.status == 203) {
  285. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '上传到OSS成功,但是oss访问用户设置的上传回调服务器失败,失败原因是:' + info.response;
  286. } else {
  287. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = info.response;
  288. }
  289. },
  290. Error: function (up, err) {
  291. if (err.code == -600) {
  292. layer.msg('选择的文件大小超出限制');
  293. } else if (err.code == -601) {
  294. layer.msg('选择的文件格式不对');
  295. } else if (err.code == -602) {
  296. layer.msg('请勿重复上传文件');
  297. } else {
  298. layer.msg('错误:' + err.response);
  299. }
  300. }
  301. }
  302. });
  303. uploader1.init();
  304. }
  305. if (file_cate_name2 == 'Trainaudio') {
  306. var mime_types = [{
  307. title: "Audio",
  308. extensions: 'mp3'
  309. }, {
  310. title: "Audio",
  311. extensions: 'm4a'
  312. }];
  313. max_file_size = '286mb';
  314. var uploader3 = new plupload.Uploader({
  315. runtimes: 'html5,flash,silverlight,html4',
  316. browse_button: 'selectfiles2',
  317. container: document.getElementById('container'),
  318. flash_swf_url: 'lib/plupload-2.1.2/js/Moxie.swf',
  319. silverlight_xap_url: 'lib/plupload-2.1.2/js/Moxie.xap',
  320. url: 'https://oss.aliyuncs.com',
  321. multi_selection: false,
  322. multiple_queues: false,
  323. //只允许上传图片,视频,pdf和zip文件
  324. filters: {
  325. mime_types: mime_types,
  326. max_file_size: max_file_size, //最大上传的文件
  327. prevent_duplicates: true //不允许选取重复文件
  328. },
  329. init: {
  330. PostInit: function () {
  331. if (document.getElementById('symbshowed').value == '') {
  332. document.getElementById('symbshowed').innerHTML = '';
  333. }
  334. document.getElementById('ossfile').innerHTML = '';
  335. document.getElementById('postfiles2').onclick = function () {
  336. set_upload_param(uploader3, '', false);
  337. return false;
  338. };
  339. },
  340. FilesAdded: function (up, files, info) {
  341. if (up.files.length > 1) {
  342. up.files = files = [up.files[0]];
  343. if (up.files.length == 1) {
  344. layer.msg("只能上传一个文件!");
  345. }
  346. return;
  347. }
  348. plupload.each(files, function (file) {
  349. document.getElementById('symbshowed').innerHTML = '';
  350. document.getElementById('ossfile').innerHTML = '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ')<b></b>' +
  351. '<div class="progress"><div class="progress-bar" style="width: 0%"></div></div>' +
  352. '</div>';
  353. });
  354. },
  355. BeforeUpload: function (up, file) {
  356. check_object_radio();
  357. set_upload_param(up, file.name, true);
  358. },
  359. UploadProgress: function (up, file) {
  360. var d = document.getElementById(file.id);
  361. if (d) {
  362. d.getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
  363. var prog = d.getElementsByTagName('div')[0];
  364. var progBar = prog.getElementsByTagName('div')[0]
  365. progBar.style.width = 2 * file.percent + 'px';
  366. progBar.setAttribute('aria-valuenow', file.percent);
  367. }
  368. },
  369. FileUploaded: function (up, file, info) {
  370. if (info.status == 200) {
  371. var finalname = get_uploaded_object_name(file.name);
  372. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span style="color:#00FF66;">上传成功</span>';
  373. var val = document.getElementById("fileuri").value;
  374. if (val == '') {
  375. document.getElementById('fileuri').value = finalname;
  376. } else {
  377. document.getElementById('fileuri').value = val + ',' + finalname;
  378. }
  379. if (finalname.indexOf('mp4') > 0) {
  380. document.getElementById('symbshowed').innerHTML = '<video width="320" height="240" controls="" style="background-color: #000;" name="media"><source src="https://o.nczyzs.com/' + finalname + '" type="video/mp4"></video>';
  381. }
  382. if (finalname.indexOf('jpg') > 0 || finalname.indexOf('jpeg') > 0 || finalname.indexOf('png') > 0) {
  383. document.getElementById('symbshowed').innerHTML = '<img src="https://o.nczyzs.com/' + finalname + '" style="width:100%;"/>';
  384. }
  385. if (finalname.indexOf('mp3') > 0) {
  386. document.getElementById('symbshowed').innerHTML = '<audio width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></audio>';
  387. }
  388. if (finalname.indexOf('m4a') > 0) {
  389. document.getElementById('symbshowed').innerHTML = '<audio width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></audio>';
  390. }
  391. if (finalname.indexOf('pdf') > 0) {
  392. document.getElementById('symbshowed').innerHTML = '<iframe width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></iframe >';
  393. }
  394. if (file_cate_name.substr(0, 5) == 'Train') {
  395. let wzhfile = document.getElementById('trainfilediv');
  396. if (!!wzhfile) {
  397. document.getElementById('trainfilediv').style.display = 'none';
  398. }
  399. }
  400. } else if (info.status == 203) {
  401. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '上传到OSS成功,但是oss访问用户设置的上传回调服务器失败,失败原因是:' + info.response;
  402. } else {
  403. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = info.response;
  404. }
  405. },
  406. Error: function (up, err) {
  407. if (err.code == -600) {
  408. layer.msg('选择的文件大小超出限制');
  409. } else if (err.code == -601) {
  410. layer.msg('选择的文件格式不对');
  411. } else if (err.code == -602) {
  412. layer.msg('请勿重复上传文件');
  413. } else {
  414. layer.msg('错误:' + err.response);
  415. }
  416. }
  417. }
  418. });
  419. uploader3.init();
  420. }
  421. if (file_cate_name3 == 'Trainpdf') {
  422. var mime_types = [{
  423. title: "pdf",
  424. extensions: 'pdf'
  425. }];
  426. max_file_size = '286mb';
  427. var uploader4 = new plupload.Uploader({
  428. runtimes: 'html5,flash,silverlight,html4',
  429. browse_button: 'selectfiles3',
  430. container: document.getElementById('container'),
  431. flash_swf_url: 'lib/plupload-2.1.2/js/Moxie.swf',
  432. silverlight_xap_url: 'lib/plupload-2.1.2/js/Moxie.xap',
  433. url: 'https://oss.aliyuncs.com',
  434. multi_selection: false,
  435. multiple_queues: false,
  436. //只允许上传图片,视频,pdf和zip文件
  437. filters: {
  438. mime_types: mime_types,
  439. max_file_size: max_file_size, //最大上传的文件
  440. prevent_duplicates: true //不允许选取重复文件
  441. },
  442. /* filters: {
  443. mime_types : [
  444. { title : "Video files", extensions : cate_name },
  445. { title : "Image files", extensions : "jpg,gif,png,bmp" },
  446. { title : "Pdf files", extensions : "pdf" },
  447. { title : "Zip files", extensions : "zip,rar" }
  448. ],
  449. max_file_size : '250mb', //最大只能上传250mb的文件
  450. prevent_duplicates : true //不允许选取重复文件
  451. },*/
  452. init: {
  453. PostInit: function () {
  454. if (document.getElementById('symbshowed').value == '') {
  455. document.getElementById('symbshowed').innerHTML = '';
  456. }
  457. document.getElementById('ossfile').innerHTML = '';
  458. document.getElementById('postfiles3').onclick = function () {
  459. set_upload_param(uploader4, '', false);
  460. return false;
  461. };
  462. },
  463. FilesAdded: function (up, files, info) {
  464. if (up.files.length > 1) {
  465. up.files = files = [up.files[0]];
  466. if (up.files.length == 1) {
  467. layer.msg("只能上传一个文件!");
  468. }
  469. return;
  470. }
  471. plupload.each(files, function (file) {
  472. document.getElementById('symbshowed').innerHTML = '';
  473. document.getElementById('ossfile').innerHTML = '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ')<b></b>' +
  474. '<div class="progress"><div class="progress-bar" style="width: 0%"></div></div>' +
  475. '</div>';
  476. });
  477. },
  478. BeforeUpload: function (up, file) {
  479. check_object_radio();
  480. set_upload_param(up, file.name, true);
  481. },
  482. UploadProgress: function (up, file) {
  483. var d = document.getElementById(file.id);
  484. if (d) {
  485. d.getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
  486. var prog = d.getElementsByTagName('div')[0];
  487. var progBar = prog.getElementsByTagName('div')[0]
  488. progBar.style.width = 2 * file.percent + 'px';
  489. progBar.setAttribute('aria-valuenow', file.percent);
  490. }
  491. },
  492. FileUploaded: function (up, file, info) {
  493. if (info.status == 200) {
  494. var finalname = get_uploaded_object_name(file.name);
  495. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span style="color:#00FF66;">上传成功</span>';
  496. var val = document.getElementById("fileuri").value;
  497. if (val == '') {
  498. document.getElementById('fileuri').value = finalname;
  499. } else {
  500. document.getElementById('fileuri').value = val + ',' + finalname;
  501. }
  502. if (finalname.indexOf('mp4') > 0) {
  503. document.getElementById('symbshowed').innerHTML = '<video width="320" height="240" controls="" style="background-color: #000;" name="media"><source src="https://o.nczyzs.com/' + finalname + '" type="video/mp4"></video>';
  504. }
  505. if (finalname.indexOf('jpg') > 0 || finalname.indexOf('jpeg') > 0 || finalname.indexOf('png') > 0) {
  506. document.getElementById('symbshowed').innerHTML = '<img src="https://o.nczyzs.com/' + finalname + '" style="width:100%;"/>';
  507. }
  508. if (finalname.indexOf('mp3') > 0) {
  509. document.getElementById('symbshowed').innerHTML = '<audio width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></audio>';
  510. }
  511. if (finalname.indexOf('m4a') > 0) {
  512. document.getElementById('symbshowed').innerHTML = '<audio width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></audio>';
  513. }
  514. if (finalname.indexOf('pdf') > 0) {
  515. document.getElementById('symbshowed').innerHTML = '<iframe width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></iframe >';
  516. }
  517. let wzhfile = document.getElementById('trainfilediv');
  518. if (!!wzhfile) {
  519. document.getElementById('trainfilediv').style.display = 'none';
  520. }
  521. } else if (info.status == 203) {
  522. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '上传到OSS成功,但是oss访问用户设置的上传回调服务器失败,失败原因是:' + info.response;
  523. } else {
  524. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = info.response;
  525. }
  526. },
  527. Error: function (up, err) {
  528. if (err.code == -600) {
  529. layer.msg('选择的文件大小超出限制');
  530. } else if (err.code == -601) {
  531. layer.msg('选择的文件格式不对');
  532. } else if (err.code == -602) {
  533. layer.msg('请勿重复上传文件');
  534. } else {
  535. layer.msg('错误:' + err.response);
  536. }
  537. }
  538. }
  539. });
  540. uploader4.init();
  541. }
  542. }else{
  543. var uploader = new plupload.Uploader({
  544. runtimes: 'html5,flash,silverlight,html4',
  545. browse_button: 'selectfiles',
  546. container: document.getElementById('container'),
  547. flash_swf_url: 'lib/plupload-2.1.2/js/Moxie.swf',
  548. silverlight_xap_url: 'lib/plupload-2.1.2/js/Moxie.xap',
  549. url: 'https://oss.aliyuncs.com',
  550. multi_selection: false,
  551. multiple_queues: false,
  552. //只允许上传图片,视频,pdf和zip文件
  553. filters: {
  554. mime_types: mime_types,
  555. max_file_size: max_file_size, //最大上传的文件
  556. prevent_duplicates: true //不允许选取重复文件
  557. },
  558. /* filters: {
  559. mime_types : [
  560. { title : "Video files", extensions : cate_name },
  561. { title : "Image files", extensions : "jpg,gif,png,bmp" },
  562. { title : "Pdf files", extensions : "pdf" },
  563. { title : "Zip files", extensions : "zip,rar" }
  564. ],
  565. max_file_size : '250mb', //最大只能上传250mb的文件
  566. prevent_duplicates : true //不允许选取重复文件
  567. },*/
  568. init: {
  569. PostInit: function () {
  570. if (document.getElementById('symbshowed').value == '') {
  571. document.getElementById('symbshowed').innerHTML = '';
  572. }
  573. document.getElementById('ossfile').innerHTML = '';
  574. document.getElementById('postfiles').onclick = function () {
  575. set_upload_param(uploader, '', false);
  576. return false;
  577. };
  578. },
  579. FilesAdded: function (up, files, info) {
  580. if (up.files.length > 1) {
  581. up.files = files = [up.files[0]];
  582. if (up.files.length == 1) {
  583. layer.msg("只能上传一个文件!");
  584. }
  585. return;
  586. }
  587. plupload.each(files, function (file) {
  588. if (document.getElementById('ossfile').innerHTML === '') {
  589. document.getElementById('symbshowed').innerHTML = '';
  590. document.getElementById('ossfile').innerHTML = '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ')<b></b>' +
  591. '<div class="progress"><div class="progress-bar" style="width: 0%"></div></div>' +
  592. '</div>';
  593. }
  594. });
  595. },
  596. BeforeUpload: function (up, file) {
  597. check_object_radio();
  598. set_upload_param(up, file.name, true);
  599. },
  600. UploadProgress: function (up, file) {
  601. var d = document.getElementById(file.id);
  602. if (d) {
  603. d.getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
  604. var prog = d.getElementsByTagName('div')[0];
  605. var progBar = prog.getElementsByTagName('div')[0]
  606. progBar.style.width = 2 * file.percent + 'px';
  607. progBar.setAttribute('aria-valuenow', file.percent);
  608. }
  609. },
  610. FileUploaded: function (up, file, info) {
  611. if (info.status == 200) {
  612. var finalname = get_uploaded_object_name(file.name);
  613. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span style="color:#00FF66;">上传成功</span>';
  614. var val = document.getElementById("fileuri").value;
  615. if (val == '') {
  616. document.getElementById('fileuri').value = finalname;
  617. } else {
  618. document.getElementById('fileuri').value = val + ',' + finalname;
  619. }
  620. if (finalname.indexOf('mp4') > 0) {
  621. document.getElementById('symbshowed').innerHTML = '<video width="320" height="240" controls="" style="background-color: #000;" name="media"><source src="https://o.nczyzs.com/' + finalname + '" type="video/mp4"></video>';
  622. }
  623. if (finalname.indexOf('jpg') > 0 || finalname.indexOf('jpeg') > 0 || finalname.indexOf('png') > 0) {
  624. document.getElementById('symbshowed').innerHTML = '<img src="https://o.nczyzs.com/' + finalname + '" style="width:100%;"/>';
  625. }
  626. if (finalname.indexOf('mp3') > 0) {
  627. document.getElementById('symbshowed').innerHTML = '<audio width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></audio>';
  628. }
  629. if (finalname.indexOf('m4a') > 0) {
  630. document.getElementById('symbshowed').innerHTML = '<audio width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></audio>';
  631. }
  632. if (finalname.indexOf('pdf') > 0) {
  633. document.getElementById('symbshowed').innerHTML = '<iframe width="320" height="240" src="https://o.nczyzs.com/' + finalname + '" controls="controls"></iframe >';
  634. }
  635. } else if (info.status == 203) {
  636. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '上传到OSS成功,但是oss访问用户设置的上传回调服务器失败,失败原因是:' + info.response;
  637. } else {
  638. document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = info.response;
  639. }
  640. },
  641. Error: function (up, err) {
  642. if (err.code == -600) {
  643. layer.msg('选择的文件大小超出限制');
  644. } else if (err.code == -601) {
  645. layer.msg('选择的文件格式不对');
  646. } else if (err.code == -602) {
  647. layer.msg('请勿重复上传文件');
  648. } else {
  649. layer.msg('错误:' + err.response);
  650. }
  651. }
  652. }
  653. });
  654. uploader.init();
  655. }