如何在Android中發送base64字符串？

Question

我正在嘗試制作HTML頁面上有一個“按鈕”的液壓應用程序。每當我單擊該按鈕時，我都想調用android代碼函數（當我從javascript調用test函數時，它工作正常） 。現在，我想單擊按鈕捕獲圖像單擊我從URL下面獲取幫助。 從相機捕獲圖像並在活動中顯示我確實喜歡這個包com.example.myapp.myapplication;

import android.Manifest;
import android.app.Activity;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.v7.app.AppCompatActivity;
import android.util.Base64;
import android.util.Log;
import android.webkit.JavascriptInterface;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.Toast;

import java.io.ByteArrayOutputStream;

public class MainActivity extends AppCompatActivity {
    private static final int CAMERA_REQUEST = 1888;
    private static final int MY_CAMERA_PERMISSION_CODE = 100;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        WebView webView = (WebView) findViewById(R.id.webview);
        // webView.loadUrl("http://1.5.20.97:3671");
        webView.loadUrl("http://15.16.74.160:6019");
        JavaScriptInterface jsInterface = new JavaScriptInterface(this);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebChromeClient(new WebChromeClient());
        webView.addJavascriptInterface(jsInterface, "JSInterface");
    }

    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
        if (requestCode == MY_CAMERA_PERMISSION_CODE) {
            if (grantResults[0] == PackageManager.PERMISSION_GRANTED) {
                Toast.makeText(this, "camera permission granted", Toast.LENGTH_LONG).show();
                Intent cameraIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE);
                startActivityForResult(cameraIntent, CAMERA_REQUEST);
            } else {
                Toast.makeText(this, "camera permission denied", Toast.LENGTH_LONG).show();
            }
        }

    }

    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        if (requestCode == CAMERA_REQUEST && resultCode == Activity.RESULT_OK) {
            Bitmap photo = (Bitmap) data.getExtras().get("data");
          //  Log.d("My map",photo,"");
        }
    }

    public void checkTest(){
        if (checkSelfPermission(Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
            requestPermissions(new String[]{Manifest.permission.CAMERA}, MY_CAMERA_PERMISSION_CODE);
        } else {
            Intent cameraIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE);
            startActivityForResult(cameraIntent, CAMERA_REQUEST);
        }
    }
}


class JavaScriptInterface {
    private MainActivity activity;


    public JavaScriptInterface(MainActivity activity) {
        this.activity = activity;
    }

    @JavascriptInterface
    public void test() {
        this.activity.checkTest();
    }


    @JavascriptInterface
    public String bitMapToBase64()
    {
        ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
        //add support for jpg and more.
        bitMap.compress(Bitmap.CompressFormat.PNG, 50, byteArrayOutputStream);
        byte[] byteArray = byteArrayOutputStream .toByteArray();

        String encoded = Base64.encodeToString(byteArray, Base64.DEFAULT);

        return encoded;
    }


}

我收到導入錯誤

我正在嘗試調用打開相機並捕獲圖像並返回到javascript的android函數。

在JavaScript上，我正在這樣調用函數

console.log(window.JSInterface.test())

Answer 1

因此，當您從相機捕獲圖像時要返回到webView ，請將onActivityResult方法更改為

protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    if (requestCode == CAMERA_REQUEST && resultCode == Activity.RESULT_OK) {
        photo = (Bitmap) data.getExtras().get("data");
        if (webView != null)
           webView.loadUrl("http://125.16.74.160:30019");
    }
}

同樣，您應該將bitmap聲明為這樣的全局靜態變量

公共靜態位圖照片；

然后bitMapToBase64變成這樣

@JavascriptInterface
public String bitMapToBase64()
{
  if (MainActivity.photo != null) {
    ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
    //add support for jpg and more.
    MainActivity.photo.compress(Bitmap.CompressFormat.PNG, 50, byteArrayOutputStream);
    byte[] byteArray = byteArrayOutputStream .toByteArray();

    String encoded = Base64.encodeToString(byteArray, Base64.DEFAULT);

    return encoded;
  }
  return "null image";
}

在javascript端，您檢查bitMapToBase64函數的返回值是否不同於“空圖像”，您可以將base64圖像轉換為Blob或圖像對象，並在div中顯示它。

這是一個如何將base64字符串轉換為圖像對象並將其附加到您的身體的示例

var image = new Image();
image.src = 'data:image/png;base64,iVBORw0K...';
document.body.appendChild(image);