加盟高端网站建设,wordpress获取本篇文章tag,服装公司网页设计,北京做招聘网站的公司使用腾讯云文档预览#xff0c;需要开通文档预览功能#xff0c;该功能需要收费的。 使用限制 如果需要图片预览、视频或音频可以使用获取下载链接。 页面代码 button onClick() {handleClick(myself/文档.xlsx)}预览/buttondiv style{{ height:…使用腾讯云文档预览需要开通文档预览功能该功能需要收费的。 使用限制 如果需要图片预览、视频或音频可以使用获取下载链接。 页面代码 button onClick() {handleClick(myself/文档.xlsx)}预览/buttondiv style{{ height: 400, width: 700 }}iframe height{400} width{700}src{preurl}/iframe/divconst [preurl,setPreurl] useState()const handleClick (key) {getPreUrl(key).then((res) {setPreurl(res); })}使用cos获取预览文档链接 let COS require(cos-js-sdk-v5);const COS_DATA {Bucket: , /* 存储桶必须 */Region: ap-shanghai, /* 存储桶所在地域必须字段 */SecretId: ,SecretKey: , }// SECRETID 和 SECRETKEY 请登录 https://console.cloud.tencent.com/cam/capi 进行查看和管理 let cos new COS({SecretId: COS_DATA.SecretId,SecretKey: COS_DATA.SecretKey, });export const getPreUrl (key) new Promise((resolve, reject) {cos.getObjectUrl({Bucket: COS_DATA.Bucket, // 填入您自己的存储桶必须字段Region: COS_DATA.Region, // 存储桶所在地域例如 ap-beijing必须字段Key: key, // 存储在桶里的对象键例如1.jpga/b/test.txt支持中文必须字段Sign: true, // 获取带签名的对象 URLQuery: {ci-process: doc-preview, /* 必须数据万象处理能力文档预览固定为 doc-preview */dstType: html,}},function (err, data) {if (err) { reject(err);}resolve(data.Url);}); });更详细内容查看https://cloud.tencent.com/document/product/460/47495