`
Beyon_javaeye
  • 浏览: 67558 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Android WebView调用Js设置byte[]给Img src

阅读更多
  WebView与JS的相互调用就不在这里罗嗦了, 这里只说怎么通过WebView将Bitmap的byte[]调用JS方法设置到HTML的IMG上, 代码如下:
Android:
public void onGestureReslut(Bitmap bitmap) {
		ByteArrayOutputStream baos = new ByteArrayOutputStream();    
		bitmap.compress(Bitmap.CompressFormat.PNG, 100, baos); 
		byte[] bytes = baos.toByteArray();
		String image64 = Base64.encodeToString(bytes, Base64.NO_WRAP);
		webview.loadUrl("javascript:setGesture('data:image/jpeg;base64," + image64.trim() + "')");
	}


JS:
function setGesture(src) {
		$('#signaturePhoto').attr("src", src);
	}
0
0
分享到:
评论
4 楼 sys1121 2016-11-18  
sys1121 写道
为什么我这样获取,img图片没变呢..调试发现已经调用JS方法了..数据格式data:image/jpeg;base64,xxxxxbyte字节xxx

why?

显示了,是id名字错了.
3 楼 sys1121 2016-11-18  
为什么我这样获取,img图片没变呢..调试发现已经调用JS方法了..数据格式data:image/jpeg;base64,xxxxxbyte字节xxx

why?
2 楼 luciferdevil 2012-09-17  
iwangxiaodong 写道
这样会不会更简单(更多WebView技巧):
webview.loadUrl("javascript:$('#signaturePhoto').attr('src', '" + image64.trim() + "')");

楼上真逗,那这样呢?? 
        webview.loadUrl("javascript:setGesture('data:image/jpeg;base64," + Base64.encodeToString(baos.toByteArray(), Base64.NO_WRAP).trim() + "')"); 

如果在设置图片的时候 前端要对这个图片加个event呢?
1 楼 iwangxiaodong 2012-09-17  
这样会不会更简单(更多WebView技巧):
webview.loadUrl("javascript:$('#signaturePhoto').attr('src', '" + image64.trim() + "')");

相关推荐

    Android webview调用相机和相册

    这里需要用到WebView的`addJavascriptInterface`方法,创建一个Java对象并暴露给JavaScript调用。例如,我们可以创建一个名为`WebAppInterface`的类: ```java public class WebAppInterface { private Context ...

    Android下WebView中调用系统相机拍照范例

    总结来说,实现Android WebView调用系统相机的功能涉及以下步骤: 1. 添加必要的权限到`AndroidManifest.xml`。 2. 创建一个自定义的WebViewClient,实现调用相机的接口。 3. 在网页中通过JavaScript调用这个接口。 ...

    Android webview调用摄像头扫描二维码

    本文将详细讲解如何在Android Webview中调用摄像头进行二维码扫描,并结合ZXing(Zebra Crossing)解析包进行二维码的解析。 首先,让我们了解Android Webview的基本用法。Webview是Android SDK提供的一种视图组件...

    android webview调用系统相机和图库

    android webview调用系统相机和图库支持5.0通过了小米2s(android5.0.2)小米4(android 4.4.4)还有LG的nexus(android 5.0)的测试,在三星GT-I9300I(android 4.3 在这款手机上测试的时候,拍照后有的时候在...

    Android WebView H5调用拍照

    在Android应用开发中,WebView是一个非常重要的组件,它允许开发者在原生应用中...通过设置JavaScript接口,我们可以将Android原生功能暴露给H5页面,让网页可以直接调用设备的摄像头,从而提升了混合应用的用户体验。

    android使用webView实现java程序与js脚本的相互调用

    本文将详细介绍如何在Android中使用WebView实现Java程序与JS脚本的相互调用。 ### 1. 添加WebView到布局 首先,在XML布局文件中添加WebView组件,例如在`activity_main.xml`中: ```xml <WebView android:id="@+...

    android之webview与js相互调用

    本教程将深入探讨如何在Android的Webview中实现Android与JavaScript的相互调用。 ### Android调用JavaScript 当需要在Android应用中调用JavaScript函数时,我们可以使用`WebView`类提供的`loadUrl()`方法。这个...

    Android使用WebView调用H5完成摄像头扫描二维码

    这篇教程将详细介绍如何在Android中利用WebView来调用H5页面,从而实现摄像头扫描二维码的功能。 首先,我们需要理解WebView的基本用法。WebView是Android SDK提供的一种控件,它可以加载本地或者远程的HTML、CSS和...

    android webview中使用Java调用JavaScript方法并获取返回值

    如果需要在WebView中启用JavaScript调用Android代码的功能,还要在addJavascriptInterface()方法中声明一个Java类的实例,并为其指定一个可以在JavaScript中访问的接口名字。 在Java代码中定义一个内部类,用于接收...

    Android APP使用WebView调用H5页面完成摄像头扫描二维码软件源码.rar

    在初始化WebView时,调用`setWebChromeClient()`和`setWebViewClient()`方法,并使用`WebSettings`对象设置`JavaScriptEnabled`为true。 3. **调用摄像头**:在Android中,摄像头功能通常通过`Camera`或`Camera2` ...

    android不使用webview与js交互

    Android应用可以调用服务器上的API,这些API由Node.js或其他后端服务提供,执行JavaScript代码并返回结果。这种方式增加了网络延迟,但避免了在客户端解析JavaScript的开销。 4. **本地服务与WebSocket** 创建一个...

    动态设置android webview字体大小DEMO

    总的来说,动态设置Android WebView字体大小是通过JavaScript接口和Java代码协同实现的,为用户提供了一种自定义网页阅读体验的方式。这个DEMO项目可以帮助开发者理解和实践这一功能,以便在自己的应用中集成。

    android中Webview与javascript的交互(互相调用)

    本篇文章将详细探讨Android中的WebView与JavaScript如何进行交互,包括互相调用的原理、步骤以及注意事项。 **一、WebView基础知识** 1. **WebView的引入**:在Android应用中,我们需要在布局XML文件中添加WebView...

    Android通过WEBVIEW调用HTTPS

    总的来说,Android通过WebView调用HTTPS涉及到许多步骤,包括设置权限、初始化WebView、处理SSL错误、启用JavaScript支持、加载URL以及处理加载进度等。理解并正确实施这些步骤,能够确保在Android应用中安全、流畅...

    android demo,webview_js(webview的js方法调用java方法)。

    本示例“android demo,webview_js”着重展示了如何通过Webview实现JavaScript调用Java方法的功能。这个功能对于创建混合式应用或者在原生应用中嵌入HTML5页面尤其有用。 首先,我们需要在Android布局文件中添加一...

    android webview js 调用接口拍照效果

    这个“android webview js 调用接口拍照效果”主题就是关于如何通过JavaScript接口来调用Android的相机功能,从而在网页上实现拍照功能。 首先,我们需要理解JS与Android Webview的交互机制。Android提供了`WebView...

    android webview与js交互简单demo

    当Android的WebView与JavaScript交互时,开发者可以实现更丰富的功能,如调用Android原生方法、获取网页数据等。下面我们将深入探讨这个“android webview与js交互简单demo”所涉及的知识点。 1. Android WebView...

    android Webview(H5)中调用相册和拍照

    在Android应用开发中,Webview是一个非常重要的组件,它允许我们加载并运行网页内容,甚至与JavaScript进行交互。本文将详细讲解如何在Android的Webview中调用相册和拍照功能,以实现H5与原生Android应用的深度集成...

    Android WebView 去除标题

    本篇文章将详细探讨如何在Android的WebView中移除标题,并利用JavaScript进行交互。 首先,我们需要了解WebView的基本用法。在Android中,我们可以通过以下方式创建一个WebView: ```java WebView webView = new ...

    Android webview与js交互

    // 在WebView设置中启用JavaScript并添加接口 webView.getSettings().setJavaScriptEnabled(true); webView.addJavascriptInterface(new MyJavaScriptInterface(), "android"); ``` 现在,JavaScript可以通过`...

Global site tag (gtag.js) - Google Analytics