web-office.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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. officeType: query.type,
  26. fileId: query.file_id,
  27. token: query.token,
  28. // customArgs:{
  29. // handel_type: query.handel_type
  30. // }
  31. })
  32. wps.ApiEvent.AddApiEventListener("fileOpen", (data) => {
  33. if (!data.success) {
  34. alert('文件打开失败');
  35. }
  36. });
  37. // wps.ApiEvent.AddApiEventListener('DocumentSaveStatus', data => {
  38. // console.log('DocumentSaveStatus: ', data)
  39. // })
  40. function getQuery(name) {
  41. let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  42. let r = window.location.search.substr(1).match(reg);
  43. if(r != null) {
  44. // 对参数值进行解码
  45. return decodeURIComponent(r[2]);
  46. }
  47. return null;
  48. }
  49. }
  50. </script>
  51. </html>