使用Android的webview將web app打包成安卓的app和解決安卓webview不支援input type=file問題

• 在MainActivity.java中編碼

  public class MainActivity extends Activity {
  private WebView webview;
  
  @Override
  public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      //例項化WebView物件
      webview = new
   
   WebView(this);
      webview.setWebViewClient(new WebViewClient() {
          @Override
          public boolean shouldOverrideUrlLoading(WebView view, String url) {
              // TODO Auto-generated method stub
              view.loadUrl(url);
              return true;
          }
      });
      webview.setWebChromeClient(new
   
   WebChromeClient() {
          @Override
          public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
              mUploadCallbackAboveL = filePathCallback;
              take();
              return true;
          }
  
          //<3.0
   
  
          public void openFileChooser(ValueCallback<Uri> uploadMsg) {
              mUploadMessage = uploadMsg;
              take();
          }
          //>3.0+
          public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {
              mUploadMessage = uploadMsg;
              take();
          }
          //>4.1.1
          public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
              mUploadMessage = uploadMsg;
              take();
          }
      });
      //支援javascript
      webview.getSettings().setJavaScriptEnabled(true);
      // 設定可以支援縮放
      webview.getSettings().setSupportZoom(true);
      // 設定出現縮放工具
      webview.getSettings().setBuiltInZoomControls(true);
      //擴大比例的縮放
      webview.getSettings().setUseWideViewPort(true);
      webview.getSettings().setAllowFileAccess(true); //設定可以訪問檔案
      //自適應螢幕
      // webview.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
      webview.getSettings().setLoadWithOverviewMode(true);
      //設定WebView屬性，能夠執行Javascript指令碼
      webview.getSettings().setJavaScriptEnabled(true);
      //載入需要顯示的網頁
      webview.loadUrl("http://120.25.225.183:8080/schoolbuy/");
      //設定Web檢視
      setContentView(webview);
  }
  
  @Override
  //設定回退
  //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法
  public boolean onKeyDown(int keyCode, KeyEvent event) {
      if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
          webview.goBack(); //goBack()表示返回WebView的上一頁面
          return true;
      }
      return false;
  }
  @Override
  protected void onActivityResult(int requestCode, int resultCode, Intent data) {
      super.onActivityResult(requestCode, resultCode, data);
      if (requestCode == FILECHOOSER_RESULTCODE) {
          if (null == mUploadMessage && null == mUploadCallbackAboveL) return;
          Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();
          if (mUploadCallbackAboveL != null) {
              onActivityResultAboveL(requestCode, resultCode, data);
          } else if (mUploadMessage != null) {
              Log.e("result", result + "");
              if (result == null) {
                  mUploadMessage.onReceiveValue(imageUri);
                  mUploadMessage = null;
                  Log.e("imageUri", imageUri + "");
              } else {
                  mUploadMessage.onReceiveValue(result);
                  mUploadMessage = null;
              }
          }
      }
  }
  @SuppressWarnings("null")
  @TargetApi(Build.VERSION_CODES.LOLLIPOP)
  private void onActivityResultAboveL(int requestCode, int resultCode, Intent data) {
      if (requestCode != FILECHOOSER_RESULTCODE || mUploadCallbackAboveL == null) {
          return;
      }
  
      Uri[] results = null;
      if (resultCode == Activity.RESULT_OK) {
          if (data == null) {
              results = new Uri[]{imageUri};
          } else {
              String dataString = data.getDataString();
              ClipData clipData = data.getClipData();
              if (clipData != null) {
                  results = new Uri[clipData.getItemCount()];
                  for (int i = 0; i < clipData.getItemCount(); i++) {
                      ClipData.Item item = clipData.getItemAt(i);
                      results[i] = item.getUri();
                  }
              }
              if (dataString != null)
                  results = new Uri[]{Uri.parse(dataString)};
          }
      }
      if (results != null) {
          mUploadCallbackAboveL.onReceiveValue(results);
          mUploadCallbackAboveL = null;
      } else {
          results = new Uri[]{imageUri};
          mUploadCallbackAboveL.onReceiveValue(results);
          mUploadCallbackAboveL = null;
      }
      return;
  }
  private void take() {
      File imageStorageDir = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "MyApp");
      if (!imageStorageDir.exists()) {
          imageStorageDir.mkdirs();
      }
      File file = new File(imageStorageDir + File.separator + "IMG_" + String.valueOf(System.currentTimeMillis()) + ".jpg");
      imageUri = Uri.fromFile(file);
      final List<Intent> cameraIntents = new ArrayList<Intent>();
      final Intent captureIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE);
      final PackageManager packageManager = getPackageManager();
      final List<ResolveInfo> listCam = packageManager.queryIntentActivities(captureIntent, 0);
      for (ResolveInfo res : listCam) {
          final String packageName = res.activityInfo.packageName;
          final Intent i = new Intent(captureIntent);
          i.setComponent(new ComponentName(res.activityInfo.packageName, res.activityInfo.name));
          i.setPackage(packageName);
          i.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
          cameraIntents.add(i);
      }
      Intent i = new Intent(Intent.ACTION_GET_CONTENT);
      i.addCategory(Intent.CATEGORY_OPENABLE);
      i.setType("image/*");
      Intent chooserIntent = Intent.createChooser(i, "Image Chooser");
      chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, cameraIntents.toArray(new Parcelable[]{}));
      startActivityForResult(chooserIntent, FILECHOOSER_RESULTCODE);
  }
  private ValueCallback<Uri> mUploadMessage;// 表單的資料資訊
  private ValueCallback<Uri[]> mUploadCallbackAboveL;
  private final static int FILECHOOSER_RESULTCODE = 1;// 表單的結果回撥
  private Uri imageUri;
  }

• 在AndroidManifest.xml檔案中新增許可權

  <?xml version="1.0" encoding="utf-8"?>
  <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="schoolbuy.ecut.cn.schoolbuy">
  <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
          <intent-filter>
              <action android:name="android.intent.action.MAIN" />
              <category android:name="android.intent.category.LAUNCHER" />
          </intent-filter>
      </activity>
  </application>
  <uses-permission android:name="android.permission.INTERNET"/>
  <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
  <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
  <uses-permission android:name="android.permission.CAMERA"/>
  <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
  <uses-permission android:name="android.permission.RECORD_AUDIO"/>
  <uses-permission android:name="android.permission.WAKE_LOCK"/>
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
  </manifest>

  打包好的Android APP不會另外呼叫開啟手機上的預設瀏覽器去開啟網頁，而是直接在該APP上展示網頁內容

參考文章： 解決安卓webview不支援input type=file問題