WebView中input file的解決方法

public class MyWb extends Activity {
    /** Called when the activity is first created. */
    WebView web;
    ProgressBar progressBar;

    private ValueCallback<Uri> mUploadMessage;
    private final static int FILECHOOSER_RESULTCODE = 1;

    @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;
        }
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        web = (WebView) findViewById(R.id.webview01);
        progressBar = (ProgressBar) findViewById(R.id.progressBar1);

        web = new WebView(this);
        web.getSettings().setJavaScriptEnabled(true);
        web.loadUrl("http://www.script-tutorials.com/demos/199/index.html");
        web.setWebViewClient(new myWebClient());
        web.setWebChromeClient(new WebChromeClient() {
            // The undocumented magic method override
            // Eclipse will swear at you if you try to put @Override here
            // For Android 3.0+
            public void openFileChooser(ValueCallback<Uri> uploadMsg) {
                mUploadMessage = uploadMsg;
                Intent i = new Intent(Intent.ACTION_GET_CONTENT);
                i.addCategory(Intent.CATEGORY_OPENABLE);
                i.setType("image/*");
                MyWb.this.startActivityForResult(Intent.createChooser(i, "File Chooser"), FILECHOOSER_RESULTCODE);
            }

            // For Android 3.0+
            public void openFileChooser(ValueCallback uploadMsg, String acceptType) {
                mUploadMessage = uploadMsg;
                Intent i = new Intent(Intent.ACTION_GET_CONTENT);
                i.addCategory(Intent.CATEGORY_OPENABLE);
                i.setType("*/*");
                MyWb.this.startActivityForResult(Intent.createChooser(i, "File Browser"), FILECHOOSER_RESULTCODE);
            }

            // For Android 4.1
            public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
                mUploadMessage = uploadMsg;
                Intent i = new Intent(Intent.ACTION_GET_CONTENT);
                i.addCategory(Intent.CATEGORY_OPENABLE);
                i.setType("image/*");
                MyWb.this.startActivityForResult(Intent.createChooser(i, "File Chooser"), MyWb.FILECHOOSER_RESULTCODE);
            }

        });
        setContentView(web);

    }

    public class myWebClient extends WebViewClient {
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            // TODO Auto-generated method stub
            super.onPageStarted(view, url, favicon);
        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            // TODO Auto-generated method stub
            view.loadUrl(url);
            return true;

        }

        @Override
        public void onPageFinished(WebView view, String url) {
            // TODO Auto-generated method stub
            super.onPageFinished(view, url);
            progressBar.setVisibility(View.GONE);
        }
    }

    // flipscreen not loading again
    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
    }

    // To handle "Back" key press event for WebView to go back to previous
    // screen.
    /*
     * @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if
     * ((keyCode == KeyEvent.KEYCODE_BACK) && web.canGoBack()) { web.goBack();
     * return true; } return super.onKeyDown(keyCode, event); }
     */
}

 

三星、華為等android里webview不支持input file的解決方法

由於安全因素android webview屏蔽了文件上傳控件，但是他並沒有完全封掉。

<form method="POST" enctype="multipart/form-data">
File to upload: <input type="file" name="uploadfile">&nbsp;&nbsp;
<input type="submit" value="Press to Upload..."> to upload the file!
</form>

1.activity定義

public ValueCallback<Uri> mUploadMessage;
public final static int FILECHOOSER_RESULTCODE = 1;

2.擴展WebChromeClient

WebChromeClient chromeClient = new WebChromeClientImpl();
view.setWebChromeClient(chromeClient);

3.實現WebChromeClientImpl類

private class WebChromeClientImpl extends WebChromeClient{
  
 //擴展支持alert事件
 @Override
 public boolean onJsAlert(WebView view, String url, String message,JsResult result) {
    Builder builder = new Builder(view.getContext());
    builder.setTitle("商機通提示").setMessage(message).setPositiveButton("確定", null);
    builder.setCancelable(false);
    builder.setIcon(R.drawable.ic_launcher);
    AlertDialog dialog = builder.create();
    dialog.show();
    result.confirm();
    return true;
 }
 //擴展瀏覽器上傳文件
 //3.0++版本
 public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {
    mUploadMessage = uploadMsg;
    Intent i = new Intent(Intent.ACTION_GET_CONTENT);
    i.addCategory(Intent.CATEGORY_OPENABLE);
    i.setType("*/*");
    activity.startActivityForResult(Intent.createChooser(i, "File Chooser"), FILECHOOSER_RESULTCODE);
 }
 //3.0--版本
 public void openFileChooser(ValueCallback<Uri> uploadMsg) {
    mUploadMessage = uploadMsg;
    Intent i = new Intent(Intent.ACTION_GET_CONTENT);
    i.addCategory(Intent.CATEGORY_OPENABLE);
    i.setType("*/*");
    activity.startActivityForResult(Intent.createChooser(i, "file Browser"),FILECHOOSER_RESULTCODE);
   }
 }

以下是所有的android版本的一個完整的解決方案

public class MyWb extends Activity {
 /** Called when the activity is first created. */
 WebView web;
 ProgressBar progressBar;
 private ValueCallback mUploadMessage;
 private final static int FILECHOOSER_RESULTCODE=1;
 
 @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;
  }
 }
 
@Override
public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);

 web = (WebView) findViewById(R.id.webview01);
 progressBar = (ProgressBar) findViewById(R.id.progressBar1);
 
 web = new WebView(this);
 web.getSettings().setJavaScriptEnabled(true);
 web.loadUrl("http://www.script-tutorials.com/demos/199/index.html");
 web.setWebViewClient(new myWebClient());
 web.setWebChromeClient(new WebChromeClient() {
    //The undocumented magic method override
    //Eclipse will swear at you if you try to put @Override here
    // For Android 3.0+
    public void openFileChooser(ValueCallback uploadMsg) {
      mUploadMessage = uploadMsg;
      Intent i = new Intent(Intent.ACTION_GET_CONTENT);
      i.addCategory(Intent.CATEGORY_OPENABLE);
      i.setType("image/*");
      MyWb.this.startActivityForResult(Intent.createChooser(i,"File Chooser"), FILECHOOSER_RESULTCODE);
 }

 // For Android 3.0+
 public void openFileChooser( ValueCallback uploadMsg, String acceptType ) {
    mUploadMessage = uploadMsg;
    Intent i = new Intent(Intent.ACTION_GET_CONTENT);
    i.addCategory(Intent.CATEGORY_OPENABLE);
    i.setType("*/*");
    MyWb.this.startActivityForResult(Intent.createChooser(i, "File Browser"), FILECHOOSER_RESULTCODE);
 }

 //For Android 4.1
 public void openFileChooser(ValueCallback uploadMsg, String acceptType, String capture){
    mUploadMessage = uploadMsg;
    Intent i = new Intent(Intent.ACTION_GET_CONTENT);
    i.addCategory(Intent.CATEGORY_OPENABLE);
    i.setType("image/*");
    MyWb.this.startActivityForResult( Intent.createChooser( i, "File Chooser" ), MyWb.FILECHOOSER_RESULTCODE );
 }
 });

 setContentView(web);
}

public class myWebClient extends WebViewClient {
 @Override
 public void onPageStarted(WebView view, String url, Bitmap favicon) {
    // TODO Auto-generated method stub
    super.onPageStarted(view, url, favicon);
 }

 @Override
 public boolean shouldOverrideUrlLoading(WebView view, String url) {
    // TODO Auto-generated method stub
    view.loadUrl(url);
    return true;
 }

 @Override
 public void onPageFinished(WebView view, String url) {
    // TODO Auto-generated method stub
   super.onPageFinished(view, url);
   progressBar.setVisibility(View.GONE);
 }
}

//flipscreen not loading again
@Override
public void onConfigurationChanged(Configuration newConfig){
 super.onConfigurationChanged(newConfig);
}

// To handle "Back" key press event for WebView to go back to previous screen.
/*@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
 if ((keyCode == KeyEvent.KEYCODE_BACK) && web.canGoBack()) {
 web.goBack();
 return true;
 }
 return super.onKeyDown(keyCode, event);
}*/
}

此外，我想補充一點， “上傳頁面”像在這個例子中， < 4個版本不會工作，因為它有一個圖像預覽功能，如果你想使它工作使用一個簡單的php上傳無預覽。

對於一些手機品牌修改了android瀏覽器，比如：三星，我們可以查看他們官網找到解決辦法的。samsung developers

 

轉載自鄭州網建-前端開發　http://camnpr.com/
本文鏈接：http://camnpr.com/archives/1093.html