uniApp usa uni.openDocument(objeto) para obtener una vista previa de archivos pdf, excel, word y otros
1. Idea de implementación:
Aquí usamos directamente el método uni.downloadFile proporcionado oficialmente por uniapp para llamar a herramientas de terceros que pueden abrir archivos en el teléfono móvil, como wps, etc. (ps: aquí está la vista previa del archivo APP).
2. Cargue directamente el código (se puede copiar directamente)
//文件预览
prefile(e){
let that = this
let url = that.$config.fileUrl+e;
uni.downloadFile({
url: url,
success: function (res) {
let filepathss=plus.io.convertLocalFileSystemURL(res.tempFilePath);
setTimeout(
() =>
uni.openDocument({
filePath: filepathss,
showMenu: false,
success: function () {
console.log("打开文档成功");
},
fail: function () {
uni.showToast({
title: '暂不支持此类型',
duration: 2000,
icon: "none",
});
}
}),
1000
);
},
fail: function (res) {
console.log(res); //失败
}
});
}
3. Precauciones
1. La ruta del archivo (url) debe ser un archivo al que el navegador pueda acceder directamente. Por ejemplo: http://xx.cc.com/images/abc.xlsx este formato. Al principio, utilicé la interfaz file/download?fileId=112334 proporcionada por el fondo. La llamada a uni.openDocument falló. La razón puede ser que no se puede reconocer el tipo de archivo.
2. Tenga en cuenta que en el código
let filepathss=plus.io.convertLocalFileSystemURL(res.tempFilePath),
esta línea de código es para obtener la ruta absoluta del archivo en el teléfono.
Por ejemplo: