web-office.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>文档在线预览</title>
  7. </head>
  8. <body>
  9. <div></div>
  10. </body>
  11. <script charset="utf-8" src="js/web-office-sdk-solution-v2.0.6.umd.js"></script>
  12. <script type="text/javascript">
  13. window.onload = function() {
  14. let query = getQuery('data')
  15. if(!query) {
  16. alert('参数不存在')
  17. return
  18. }
  19. query = JSON.parse(query)
  20. let wps = WebOfficeSDK.init({
  21. appId: 'SX20240516EYFBUA',
  22. officeType: query.type,
  23. fileId: query.file_id,
  24. token: query.token,
  25. // customArgs:{
  26. // handel_type: query.handel_type
  27. // }
  28. })
  29. wps.ApiEvent.AddApiEventListener("fileOpen", (data) => {
  30. if (!data.success) {
  31. alert('文件打开失败');
  32. }
  33. });
  34. function getQuery(name) {
  35. let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  36. let r = window.location.search.substr(1).match(reg);
  37. if(r != null) {
  38. // 对参数值进行解码
  39. return decodeURIComponent(r[2]);
  40. }
  41. return null;
  42. }
  43. }
  44. </script>
  45. </html>