文章/答案/技术大牛

发布

社区首页 >问答首页 >相机在IONIC 4上不起作用的FILE_URI路径

问相机在IONIC 4上不起作用的FILE_URI路径
EN

Stack Overflow用户

提问于 2018-09-03 05:14:06

回答 3查看 7.9K关注 0票数 9

当使用Cameara与destinationType: this.camera.DestinationType.FILE_URI拍照时，生成的URL将无法显示图像。例如，当尝试拍摄这样的照片时：

this.camera.getPicture(options).then((url) => {
        // Load Image
        this.imagePath = url;
    }, (err) => {
        console.log(err);
    });

尝试将其显示为<img [src]="imagePath" >将导致错误(找不到文件)。

这里的问题是URL在file:///storage...路径中，而不是基于本地主机的正确路径。

ionic-framework

ionic4

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-09-03 05:14:06

在以前的Ionic版本中，这可以通过使用normalizeURL来解决。这不会在Ionic 4上工作(或者至少我不能让它工作)。

要解决此问题，您需要使用convertFileSrc()

import {WebView} from '@ionic-native/ionic-webview/ngx';
...
this.camera.getPicture(options).then((url) => {
        // Load Image
        this.imagePath = this.webview.convertFileSrc(url);
    }, (err) => {
        console.log(err);
    });

现在，图像URL将采用适当的http://localhost:8080/_file_/storage...格式，并将正确加载。

有关详细信息，请参阅WKWebView - Ionic Docs。

票数 23

Stack Overflow用户

发布于 2019-10-20 01:07:07

在我的例子中，下面的代码适用于我

const downloadFileURL = 'file:///...';

// Convert a `file://` URL to a URL that is compatible with the local web server in the Web View plugin.
const displayedImg = (<any>window).Ionic.WebView.convertFileSrc(downloadFileURL);

票数 0

Stack Overflow用户

发布于 2019-11-20 07:35:05

如果这里有一些人在ionic4上寻找答案，请查看以下内容

"Not allowed to load local resource" for Local image from Remote page in PhoneGap Build

寻找@Alok Singh的答案，这就是我如何让它在ionic4上工作，甚至在livereload上工作

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52141085

复制

相似问题

问相机在IONIC 4上不起作用的FILE_URI路径
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问相机在IONIC 4上不起作用的FILE_URI路径EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问相机在IONIC 4上不起作用的FILE_URI路径
EN