Android與JS進行交互傳文件路徑

webview+h5這種混合開發最近很火，其中最重要的大概就是java代碼和js的交互了，剛接觸這東西兩天，寫寫收獲。

新建一個assets文件夾，要與res這個文件夾同級，其中存放web項目。

先看android端

初始化webview

// 設置支持JavaScript等
        webView = (WebView) findViewById(R.id.webView);
        settings = webView.getSettings();
        settings.setJavaScriptEnabled(true);
        settings.setCacheMode(WebSettings.LOAD_DEFAULT);        //緩存
        settings.setDomStorageEnabled(true);                    //使用localStorage則必須打開
        settings.setDatabaseEnabled(true);
        settings.setAppCacheEnabled(true);
        settings.setAllowFileAccess(true);
        settings.setSupportZoom(true);
        settings.setBuiltInZoomControls(true);
        settings.setRenderPriority(WebSettings.RenderPriority.HIGH);    //提高渲染優先級
        settings.setBlockNetworkImage(false);                           //把圖片放在最后渲染
        webView.setWebChromeClient(new WebChromeClient());

        webView.addJavascriptInterface(new Object() {
            @JavascriptInterface
            public void onUseCamera() {
                //use system camera
                Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
                startActivityForResult(intent, CAPTURE_IMAGE_ACTIVITY_REQUEST_CODE);
            }

        }, "camera");
        webView.addJavascriptInterface(new Object() {

            @JavascriptInterface
            public String onGetPic() {
                return file.getAbsolutePath();
            }
        }, "getPicture");
        webView.loadUrl("file:///android_asset/login_content.html");

這里執行了點擊h5中的按鈕，調用系統相機的操作，onActivityResult就不寫了，網上一大堆，不過需要注意，onactivityResult中要有

webView.loadUrl("javascript:getPic(" + ")");這樣一句代碼

。其中名字為camera的javascrptInterface是調用照相機，getPicture的是返回照片路徑給js。

下面就是js了

　　　　　function useCamera(){
           window.camera.onUseCamera();
        }
        function getPic(){
            var filePath = window.getPicture.onGetPic();
            alert(filePath);
            document.getElementById("testImage").src=filePath;
        }

主要就是這樣的兩個方法，其中useCamera是要在html的button的onclick中調用，getPic是在上面的onActivityForResult中調用，通過文件路徑更改id是testImage的圖片。

這樣直接傳文件路徑在web項目部署在服務器時是訪問不到的，這個應該有解決方案，可惜我沒有找到。還有個問題待解決，傳一個string的文件路徑沒問題，但是如果直接傳File類型的文件時，js死活都識別不出文件來，目測應該用h5的FileReader進行操作，可惜我又沒成功。。。以上