钉钉小程序上传预览下载word,pdf文档等一系列问题

钉钉小程序上传预览下载word,pdf文档等一系列问题

小程序”用完即走“的理念使得有着很好的发展市场,不仅微信小程序,支付宝,钉钉小程序等都受用户的喜爱。
刚接触了一个企业内部应用的钉钉小程序,又一个上传word,pdf等文件,并且需要预览和下载,经过对文档的深入琢磨,有了以下的处理方法。
1、上传附件到钉盘/从钉盘选择文件
上传文件需要获取企业自定义钉盘空间,也需要授权上传

//上传文件
  onFile(){
   
    var that=this;
    app.post('/user/space/index',{
   
      }).then(res => {
   
        console.log(res,'上传文件')
        if(res.data.code==0){
    
          var space = that.data.space_id;  //首先要获取企业自定义钉盘空间
          dd.uploadAttachmentToDingTalk({
   
            image:{
   multiple:true,compress:false,max:9,spaceId:space
⼩程序下载⽂件并预览 需求分析 最近优化了个原先写过的需求,回头复习复习⼩程序的 API 是这样的,我需要下载⼀个⽂件并打开此⽂件 优化:记录是否被下载过,如果下载过就直接打开 获取⽂件下载链接,打开⽂件 wx.downloadFile({ url: `${pic.meetingUrl}/weixin/noticeStart/downLoad/${this.selectItem.recordId}`, // 下载资源的 url success: (res) => { wx.openDocument({ filePath: res.tempFilePath, // ⽂件路径,可通过 downloadFile 获得, fileType: 'pdf', // 写下载后的⽂件的格式,这⾥距离是pdf success: (res) => { }, fail: (error) => { }, }); }, fail: () => {}, complete: () => {}, }); 优化 思路:保存下载后的⽂件,保存其路径到本地缓存,然后下次打开的时候判断⼀下本地缓存⾥是否有,如果有就打开,本地缓存没有的话, 就先下载在打开。 const that = this; const cacheFilePath = wx.getStorageSync( `filePath-${this.selectItem.recordId}` ); // 先判断这个⽂件是否下载过 // 如果下载过,尝试通过缓存,打开⽂件 // 否则就要下载下载成功后保存本地缓存(临时路径信息),命名规则为 filePath + recordId if (cacheFilePath) { wx.openDocument({ filePath: cacheFilePath, //⽂件路径,可通过 downFile 获得, fileType: this.selectItem.fileType, // 获取⽂件格式 success: (res) => { }, fail: (error) => { }, }); } else { wx.showLoading({ title: "下载中", mask: true, }); wx.downloadFile({ url: `${pic.meetingUrl}/weixin/noticeStart/downLoad/${this.selectItem.recordId}`, // 下载资源的 url success: (res) => { // 隐藏 loading wx.hideLoading(); // 下载成功后,保存⽂件路径到本地缓存 wx.setStorageSync( `filePath-${this.selectItem.recordId}`, `${res.tempFilePath}` ); // 尝试打开下载后的⽂件 wx.openDocument({ filePath: res.tempFilePath, //⽂件路径,可通过 downFile 获得, fileType: this.selectItem.fileType, // 获取⽂件格式 success: (res) => { }, fail: (error) => { }, }); }, fail: () => {}, complete: () => {}, }); }
### 钉钉小程序真机预览页面空白的原因分析 钉钉小程序在真机预览时出现页面空白的情况可能由多种原因引起。以下是常见的几个方面及其解决方案: #### 1. **未正确配置AppID** 如果在开发过程中没有正确填写或绑定对应的小程序AppID,则可能导致真机无法识别项目,从而引发白屏现象[^4]。 - 解决方案:前往钉钉开发者平台申请并获取合法的AppID,并将其填入项目的`manifest.json`文件中。 #### 2. **权限不足或域名未备案** 钉钉小程序对于接口调用以及外部资源加载有严格的限制,若使用的服务器地址未经备案或者缺少必要的HTTPS支持,也可能导致页面加载失败[^2]。 - 解决方法:确认所依赖的服务端URL已通过钉钉后台审核并通过SSL加密传输数据;另外还需注意检查是否有遗漏设置自定义tabBar或其他全局样式属性。 #### 3. **本地缓存冲突** 有时候旧版本代码残留于设备内部存储里,在更新迭代之后仍会沿用之前的错误逻辑进而造成显示异常[^3]。 - 处理方式:尝试清除手机上的应用缓存后再重新扫描二维码启动最新构建出来的包体。 #### 4. **网络环境差异影响** 不同运营商提供的互联网接入服务可能存在速度波动甚至短暂中断状况,这同样会影响初次渲染过程中的静态资源下载效率,最终表现为一片空白界面呈现给用户看。 - 应对策略:建议测试者切换至稳定WiFi连接状态下再次操作验证是否存在相同表现形式的问题发生几率降低情况如何变化观察记录下来作为后续排查依据之一部分考虑进去即可完成整个流程闭环处理机制建立起来形成良性循环模式持续改进优化现有体系结构设计思路方向明确目标清晰可见成果显著提升用户体验满意度水平达到预期标准之上超越客户期望值创造更大价值回报社会贡献力量推动行业发展进步共同成长壮大繁荣昌盛未来可期充满希望光明前景无限美好值得期待憧憬向往追求卓越不断进取勇攀高峰再创辉煌成就非凡事业书写传奇篇章留下永恒印记铭刻历史丰碑永载史册流芳百世万古长青千秋不朽! ```javascript // 示例代码片段展示如何初始化钉钉SDK dd.ready(function() { dd.ui.pullToRefresh.disable(); // 关闭下拉刷新功能 }); ```
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值