【快應用】快應用如何打開手機中的html文件

 【關鍵字】

本地html、多媒體、路由

 

【問題背景】

快應用中的web組件無法打開本地的html文件，僅支持加載http和https格式的鏈接，那麼快應用中如何查看手機中的本地html文件呢？

 

【解決方案】

快應用中雖然不能通過web組件打開的本地html文件，但是我們以通過media.pickFile方法選取本地要打開的html文件，然後調用router.push打開。router接口中的uri是可以填寫爲internal地址的，會根據uri的文件擴展名來確定文件類型，再調用系統中的應用打開文件。我們只需要調用media接口去選中文件拿到uri就可以打開了。

獲取流程：

Step1：

        select() {

            var that = this

            media.pickFile({

                success: function (data) {

                    console.log('handling success: ' + data.uri);

                    that.fileUrl = data.uri

                },

                fail: function (data) {

                    console.log('handling fail:  code' + data.code);

                }

            })

        },

Step2：

     go() {

            router.push({

                uri: this.fileUrl,

            })

        }

日誌:

handling success: internal://tmp/e6707c59-f550-4f64-998a-ec2da98686e2/test1.html

截圖：

 

 欲瞭解更多更全技術文章，歡迎訪問https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh