以前在使用webview的時候，H5裡面並沒有拍照與相簿的功能，這次遇到了，記錄一下。

android原生瀏覽器並不支援H5呼叫拍照與相簿，所以在webview使用中，需要使用Android的程式碼去呼叫。

程式碼如下：

public class MainActivity extends Activity {

    public ValueCallback<Uri> mUploadMessage;
    public ValueCallback<Uri[]> mUploadMessageForAndroid5;
    public final static int FILECHOOSER_RESULTCODE = 1;
    public final static int FILECHOOSER_RESULTCODE_FOR_ANDROID_5 = 2;
    private String mCameraFilePath;
    Uri uri;
    WebView mywebview;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mywebview = (WebView) findViewById(R.id.mywebview);
        WebSettings settings = mywebview.getSettings();
        settings.setUseWideViewPort(true);
        settings.setLoadWithOverviewMode(true);
        settings.setDomStorageEnabled(true);
        settings.setDefaultTextEncodingName("UTF-8");
        settings.setAllowContentAccess(true); // 是否可訪問Content Provider的資源，預設值 true
        settings.setAllowFileAccess(true);    // 是否可訪問本地檔案，預設值 true
        // 是否允許通過file url載入的Javascript讀取本地檔案，預設值 false
        settings.setAllowFileAccessFromFileURLs(false);
        // 是否允許通過file url載入的Javascript讀取全部資源(包括檔案,http,https)，預設值 false
        settings.setAllowUniversalAccessFromFileURLs(false);
        settings.setJavaScriptCanOpenWindowsAutomatically(true);//允許js彈出視窗
        //開啟JavaScript支援
        settings.setJavaScriptEnabled(true);
        // 支援縮放
        settings.setSupportZoom(true);
        mywebview.setLongClickable(true);
        mywebview.setScrollbarFadingEnabled(true);
        mywebview.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
        mywebview.setDrawingCacheEnabled(true);
        mywebview.loadUrl(getIntent().getStringExtra("url") + "?phone=" + getIntent().getStringExtra("phone"));
        mywebview.setWebViewClient(new WebViewClient() {

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                Toast.makeText(MainActivity.this, "載入開始", Toast.LENGTH_LONG).show();
            }


            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                Toast.makeText(MainActivity.this, "載入完成", Toast.LENGTH_LONG).show();
            }

            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
                Toast.makeText(MainActivity.this, "載入失敗", Toast.LENGTH_LONG).show();
            }
        });

        mywebview.setWebChromeClient(
                new WebChromeClient() {
                    public void onProgressChanged(WebView view, int progress) {// 載入進度改變而觸發
                        super.onProgressChanged(view, progress);
                    }

                    //擴充套件支援alert事件 webview不會展示Alert 所以需要我們自己展示
                    @Override
                    public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                        AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());
                        builder.setTitle("xxx提示").setMessage(message).setPositiveButton("確定", null);
                        builder.setCancelable(false);
                        AlertDialog dialog = builder.create();
                        dialog.show();
                        result.confirm();
                        return true;
                    }

                    //擴充套件瀏覽器上傳檔案
                    //3.0++版本
                    public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {
                        openFileChooserImpl(uploadMsg);
                    }

                    //3.0--版本
                    public void openFileChooser(ValueCallback<Uri> uploadMsg) {
                        openFileChooserImpl(uploadMsg);
                    }

                    public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
                        openFileChooserImpl(uploadMsg);
                    }

                    // For Android > 5.0
                    public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> uploadMsg, WebChromeClient.FileChooserParams fileChooserParams) {
                        openFileChooserImplForAndroid5(uploadMsg);
                        return true;
                    }

                }
        );
    }

    /**
     * 5.0以上的
     *
     * @param uploadMsg
     */
    private void openFileChooserImplForAndroid5(ValueCallback<Uri[]> uploadMsg) {
        mUploadMessageForAndroid5 = uploadMsg;
        Intent contentSelectionIntent = new Intent(Intent.ACTION_GET_CONTENT);
        contentSelectionIntent.addCategory(Intent.CATEGORY_OPENABLE);
        contentSelectionIntent.setType("image/*");
        Intent xxx = createChooserIntent(createCameraIntent());
        xxx.putExtra(Intent.EXTRA_INTENT, contentSelectionIntent);
        startActivityForResult(xxx, FILECHOOSER_RESULTCODE_FOR_ANDROID_5);
    }


    /**
     * 5.0以下
     *
     * @param uploadMsg
     */
    private void openFileChooserImpl(ValueCallback<Uri> uploadMsg) {
        mUploadMessage = uploadMsg;
        Intent i = new Intent(Intent.ACTION_GET_CONTENT);
        i.addCategory(Intent.CATEGORY_OPENABLE);
        i.setType("image/*");
        Intent xxx = createChooserIntent(createCameraIntent());
        xxx.putExtra(Intent.EXTRA_INTENT, i);
        startActivityForResult(xxx, FILECHOOSER_RESULTCODE);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
        if (requestCode == FILECHOOSER_RESULTCODE) {

            if (null == mUploadMessage)
                return;
            Uri result = intent == null || resultCode != RESULT_OK ? null : intent.getData();
            mUploadMessage.onReceiveValue(result);
            mUploadMessage = null;

            //5.0以下拍照是不是也要像5.0以上那樣處理拍照的事件呢？自己測試
        } else if (requestCode == FILECHOOSER_RESULTCODE_FOR_ANDROID_5) {
            //針對5.0的
            if (null == mUploadMessageForAndroid5)
                return;
            Uri result = (intent == null || resultCode != RESULT_OK) ? null : intent.getData();
            if (result != null) {
                //相簿或者檔案
                mUploadMessageForAndroid5.onReceiveValue(new Uri[]{result});
            } else {
                try {
                    File file = new File(new URI(uri.toString()));
                    //判斷此路徑是否存在 存在提供給網頁
                    if (file.exists()) {
                        mUploadMessageForAndroid5.onReceiveValue(new Uri[]{uri});
                        return;
                    }
                } catch (URISyntaxException e) {
                    e.printStackTrace();
                }
                //這個必須呼叫 否則第二次點選 不會再出現彈窗提示
                mUploadMessageForAndroid5.onReceiveValue(new Uri[]{});
            }
            mUploadMessageForAndroid5 = null;
        }
    }




    private Intent createCameraIntent() {
        Intent cameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
        File externalDataDir = Environment.getExternalStoragePublicDirectory(
                Environment.DIRECTORY_DCIM);
        File cameraDataDir = new File(externalDataDir.getAbsolutePath() +
                File.separator + "browser-photos");
        cameraDataDir.mkdirs();
        mCameraFilePath = cameraDataDir.getAbsolutePath() + File.separator +
                System.currentTimeMillis() + ".jpg";
        uri = Uri.fromFile(new File(mCameraFilePath));
        cameraIntent.putExtra(MediaStore.EXTRA_OUTPUT, uri);
        return cameraIntent;
    }

    private Intent createChooserIntent(Intent... intents) {
        Intent chooser = new Intent(Intent.ACTION_CHOOSER);
        chooser.putExtra(Intent.EXTRA_INITIAL_INTENTS, intents);
        chooser.putExtra(Intent.EXTRA_TITLE, "選擇圖片來源");
        return chooser;
    }


    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && mywebview.canGoBack()) {
            mywebview.goBack();// 返回前一個頁面
            return true;
        } else {
            finish();
        }
        return super.onKeyDown(keyCode, event);
    }
}

webview呼叫HTTPS連結時無法載入圖片，需要加入以下方法：

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
           webview.getSettings() .setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
        }