钉钉小程序上传预览下载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},space:{spaceId:space,isCopy:1,max:9},file: {spaceId:space,max:9},types:["photo","camera","file","space"],success: (res) => {console.log(res)var fileData=res.data;fileData=fileData.concat(that.data.fileData);that.setData({fileData:fileData});},fail: (err) =>{dd.alert({content:JSON.stringify(err)})}})}else if(res.data.code==1){dd.alert({title: '未授权，请联系管理员授权',});}}) },

2、钉盘文件预览

钉盘预览也需要获取到企业自定义钉盘空间，传入spaceId，并且需要授权下载，传入需要下载的文件id列表

//预览文件onFileIpt(event){var file=event.target.dataset.attr;app.post('/user/space/index',{  //获取企业自定义钉盘空间}).then(res => {console.log(res)if(res.data.code==0){app.post('/user/download/index',{ //授权下载权限file_id:file.fileId}).then(res => {if(res.data.code==0){dd.previewFileInDingTalk({  //预览spaceId:file.spaceId,fileId:file.fileId,fileName:file.fileName,fileSize:file.fileSize,fileType:file.fileType,success: (res) => {console.log(res)},fail: (err) =>{console.log(err)}})}else{dd.alert({title: '下载未授权，请联系管理员授权',});}}   }else if(res.data.code==1){dd.alert({title: '未授权，请联系管理员授权',});}})  },

钉钉小程序上传预览下载word，pdf文档等一系列问题相关推荐

vue实战--vue+elementUI实现多文件上传+预览（word/PDF/图片/docx/doc/xlxs/txt）
需求最近在做vue2.0+element UI的项目中遇到了一个需求:需求是多个文件上传的同时实现文件的在线预览功能.需求图如下: 看到这个需求的时候,小栗脑袋一炸.并不知道该如何下手,之前的实践项 ...
html 打印预览兼容,vue下使用 pdf.js 预览和打印 PDF文档兼容React
我使用前端开发框架是vue,有一个打印PDF文档的需求. 这个需求最开始是交给后台,但是明显不切实际, 因为后台服务器,根本就无法连接打印机. 所以这个预览加打印文档的需求就交到了前端, 开始我有想过 ...
vue下使用 pdf.js 预览和打印 PDF文档兼容React
我使用前端开发框架是vue,有一个打印PDF文档的需求. 这个需求最开始是交给后台,但是明显不切实际, 因为后台服务器,根本就无法连接打印机. 所以这个预览加打印文档的需求就交到了前端, 开始我有想过 ...
小程序如何打开预览文件（pdf）
小程序中要想预览查看pdf等各种文件,跟在pc.h5上是不一样的,pc.h5是可以直接打开odf的文件进行预览查看的,小程序需要先下载,再打开本地的pdf文件路径进行查看. 一共用到两个API : w ...
微信小程序上传文件（图片/word等）功能)
说到上传文件,首先要想到微信官方文档给的API,wx.uploadFile({ }) 通过这个API来达到上传至服务器的效果:代码示例如下接下来我们先来说说上传图片功能,这个比较简单一些上传图片: ...
钉钉小程序上传附件（PDF等非媒体文件）至第三方文件服务器（企业内部应用）
1.创建钉盘空间并获取spaceId (1).创建钉盘空间进入钉钉选择"云盘",点击"团队文件"然后新建一个文件夹,给当前钉钉团队所有用户(或者能够使用该企业 ...
taro开发微信小程序-添加开发者预览,上传测试版本(十四)
taro开发微信小程序,上传测试版本,如果需要访问网络需要打开调试模式,如果配置了https协议的服务,提示对应的服务器证书无效,那么必须正确配置ssl证书,可以在阿里云或者腾讯云申请. 添加开发者预 ...
JavaScript 图片上传预览效果
图片上传预览是一种在图片上传之前对图片进行本地预览的技术. 使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验. 但随着浏览器安全性的提高,要实现图片上传预览也越来越困难. 不过群众的智慧 ...
微信小程序上传阿里云视频文件流程及代码
为了微信小程序客服端实现自拍视频能够分享给多个好友,我们需要把小程序自拍的视频存储到服务器,而阿里云在性能和速度上比较不错,所以我们选择了阿里云作服务器. 第一步.微信小程序项目创建 1. 到http ...

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

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

钉钉小程序上传预览下载word，pdf文档等一系列问题相关推荐

最新文章

热门文章