<script src="sdk-${version}.js"></script>

var url = await COSDocPreviewSDK.getPreviewUrl( {
      objectUrl: 'https://examplebucket-1250000000.cos.ap-shanghai.myqcloud.com/test.pptx',
      credentials: {      // If the preview file is private, the request needs to carry the access credential.
          secretId: '',
          secretKey: '',
          authorization: 'q-sign-algorithmxxxxxxxxxxxxxxx',
      },
      copyable: 0,  // Whether the file content can be copied
      htmlwaterword: ''  // Watermark content
})
console.log(url)

GET /<ObjectKey>?ci-process=doc-preview&dstType=html&weboffice_url=1&sign=AuthString HTTP/1.1 HTTP/1.1
Host: <BucketName-APPID>.cos.<Region>.myqcloud.com
Date: GMT Date

HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 478
Date: Thu, 25 Feb 2021 07:44:37 GMT
Status: 200 OK
x-cos-request-id: NjAzNzU1NjVfY2MxZTIzMDlfNzc5NF8yMDQ5****



{
        "PreviewUrl": "https://prvsh.myqcloud.com/office/p/xxxx?_w_provider=XXX"
}

var demo = COSDocPreviewSDK.config({
    url: 'Online file preview URL',  // The online preview URL of the file obtained in step 3
})
// If special processing needs to be performed on the iframe, you can get the DOM object of the iframe as follows:
console.log(demo.iframe)
// File open result
demo.on('fileOpen', function(data) {
    console.log(data.success)
})

<div class="custom-mount"></div>

var demo = COSDocPreviewSDK.config({
    url: 'Online file preview URL',    // The online preview URL of the file obtained in step 3
    mount: document.querySelector('.custom-mount')    // Mount node. By default, the `body` node will be mounted to. You can customize the mount node as needed.
})

<div class="custom-mount">
    <iframe src="..."></iframe>
</div>

var demo = COSDocPreviewSDK.config({
    url: 'Online file preview URL',  // The online preview URL of the file obtained in step 3
})
// Set the token
demo.setToken({
  token: 'yourToken', // Enter the obtained token
  timeout: 10 * 60 * 1000, // Timeout period of the token in milliseconds. To avoid frequent refresh, we recommend you set it to over 10 minutes. The JS-SDK will call the token refresh method `refreshToken` before timeout.
});

// Get the token
const refreshToken = () => {
  // Call the method encapsulated on the server to get the token information
  const tokenInfo = await $.get('http://your.server.com/refreshToken')

  // `Promise` or `return { token, timeout }` can be returned.
  return {
    token: tokenInfo.token, // The token to be set, which is required.
    timeout: 10 * 60 * 1000, //  The token timeout period in milliseconds, which is required.
  };
};

var demo = COSDocPreviewSDK.config({
    url: 'Online file preview URL',  
    refreshToken    // Automatic token refresh method
})

// Set the token
demo.setToken({
  token: 'yourToken', // Enter the obtained token
  timeout: 10 * 60 * 1000   // Token timeout period in milliseconds
});