Recientemente, al usar uniapp para desarrollar applets de WeChat, me encontré con la necesidad de abrir vistas previas de archivos PDF en el applet. La implementación del uso de applets nativos de WeChat es similar a esta. El código de implementación general es el siguiente:
// 下载文件到本地，下载成功后会返回临时文件路径
uni.downloadFile({
url: "文件地址",
success: function (res) {
let filePath = res.tempFilePath; // 下载成功后返回的临时文件路径
// 打开临时文件
uni.openDocument({
filePath: filePath,
showMenu: true,
success: function (res) {
console.log('打开文档成功');
}
});
},
fail: (err) => {
// 处理下载失败的情况
}
});Aquí se utilizan principalmente dos API: uni.downloadFile() y uni.openDocument(), las funciones de estas dos API son las siguientes:
- uni.downloadFile( ): Inicia una solicitud para descargar el recurso al local y devuelve la ruta temporal local del archivo después de que la solicitud sea exitosa. La ruta temporal solo está disponible durante este inicio. Si necesita guardarla de forma persistente, debe llamar activamente a uni.saveFile para guardarlo. Accederá la próxima vez que se inicie la aplicación . , para usarse en el subprograma WeChat, se debe configurar una lista blanca. Documentación API del sitio web oficial: uni.uploadFile(OBJECT) | sitio web oficial de la aplicación uni
- uni.openDocument( ): abre un documento en una página nueva, formatos admitidos: doc, xls, ppt, pdf, docx, xlsx, pptx. Documentación API del sitio web oficial: uni.saveFile(OBJECT) @savefile | sitio web oficial de la aplicación uni