首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将图片从本地安卓存储加载到WebView

将图片从本地安卓存储加载到WebView
EN

Stack Overflow用户
提问于 2019-10-10 02:11:03
回答 1查看 1.4K关注 0票数 1

是否可以将本地安卓手机存储中的图片加载到WebView中?基本上,我尝试做的是,拍摄一张图片,然后在WebView中显示该图片(就像预览图片一样),然后在填充更多信息后,将包含整个数据的图片上传到数据库。一切都在android studio Java代码中,WebView显然是我从assets文件夹中加载的.html文件。

我在想,也许我需要创建一个<img id="image"></img>,然后以某种方式获得ID?但是,即使我设法获得了ID,我如何在里面存储图片呢?

我已经做了所有的相机工作,所以我可以打开相机(通过我的WebView)并拍摄一张照片,照片保存在我确实知道的路径中,我知道照片的名称。另外,我目前可以从手机中选择图片,但问题是它只选择,而不做任何事情,所以选择是无用的。

如果你需要任何代码,我会进行编辑。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-10-14 02:58:56

所以我找到了我想要做的事情的解决方案,如果有一天有人对这篇文章感到好奇并想知道解决方案,我会在这里发布一个答案。

基本上,在拍完一张照片后,我调用javascript函数,该函数将拍摄的图像放在我的.html文件中的<img></img>标记之间作为源。这是我在MainActivity.java中的onActivityResult

代码语言:javascript
运行
复制
    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == PICK_IMAGE && resultCode == Activity.RESULT_OK) {
            //Getting the full image path of the image taken
            final String imagePath = "file://"+ currentPhotoPath;
            webView.post(new Runnable() {
                @Override
                public void run() {
                    webView.evaluateJavascript("postImage('" + imagePath + "')", null);
                }
            });
            getLocation();
            if (data == null) {
                //Display an error
                Log.d("performClick", "Error: data == null");
                return;
            }
        }
    }

它所做的是调用javascript函数postImage并将imagePath作为参数传递,我的hello.js文件中的函数是:

代码语言:javascript
运行
复制
function postImage(imagePath){
    document.body.innerHTML = "<img src=\""+ imagePath + "\">";
}

现在,一旦我拍摄了照片,它就会以图像的形式出现在我的WebView上,而不需要重新加载页面,也不需要加载另一个只包含图像的网址。

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

https://stackoverflow.com/questions/58309944

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档