uniApp usa uni.openDocument(objeto) para obtener una vista previa de archivos pdf, excel, word y otros

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:inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_41377835/article/details/126890525
Recomendado
Clasificación