web-office.html 1.4 KB

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