1
0

ossupload.js 32 KB

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