Android Webview upload 图片上传

2401_89308058

于 2024-12-20 00:05:16 发布

阅读量148

点赞数 3

文章标签： android

本文链接：https://blog.youkuaiyun.com/2401_89308058/article/details/144597710

版权

    } else if (requestCode == REQUEST_SELECT_FILE) {

        if (uploadMessage == null) return;

        uploadMessage.onReceiveValue(WebChromeClient.FileChooserParams.parseResult(resultCode, intent));

        uploadMessage = null;

    }

}


  



#### 2  设置webview 的 WebViewClient

mWebView.setWebChromeClient(new SafeWebViewClient());


  



#### 



3  扩展WebViewClient 的 SafeWebViewClient

public class SafeWebViewClient extends WebViewClient {

    @Override

    public void onProgressChanged(WebView view, int newProgress) {

        super.onProgressChanged(view, newProgress);

        activity.mWebLoadingProgressBar.setProgress(newProgress);

        if (newProgress >= 90 && activity.mWebLoadingProgressBar.getVisibility() == View.VISIBLE) {

            activity.mWebLoadingProgressBar.setVisibility(View.GONE);

        }

    }



    //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) {



        activity.mUploadMessage = uploadMsg;

        Intent i = new Intent(Intent.ACTION_GET_CONTENT);

        i.addCategory(Intent.CATEGORY_OPENABLE);

        i.setType("image/*");

        activity.startActivityForResult(Intent.createChooser(i, "File Chooser"), activity.FILECHOOSER_RESULTCODE);



    }



    // For Android 3.0+

    public void openFileChooser(ValueCallback uploadMsg, String acceptType) {

        activity.mUploadMessage = uploadMsg;

        Intent i = new Intent(Intent.ACTION_GET_CONTENT);

        i.addCategory(Intent.CATEGORY_OPENABLE);

        i.setType("*/*");

        activity.startActivityForResult(Intent.createChooser(i, "File Browser"), activity.FILECHOOSER_RESULTCODE);

    }



    //For Android 4.1

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

        activity.mUploadMessage = uploadMsg;

        Intent i = new Intent(Intent.ACTION_GET_CONTENT);

        i.addCategory(Intent.CATEGORY_OPENABLE);

        i.setType("image/*");

        activity.startActivityForResult(Intent.createChooser(i, "File Chooser"), activity.FILECHOOSER_RESULTCODE);



    }



    //For Android 5.0

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)

    public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {

        // make sure there is no existing message

        if (activity.uploadMessage != null) {

            activity.uploadMessage.onReceiveValue(null);

            activity.uploadMessage = null;

        }

        activity.uploadMessage = filePathCallback;

        Intent intent = fileChooserParams.createIntent();

        try {

            activity.startActivityForResult(intent, activity.REQUEST_SELECT_FILE);

        } catch (ActivityNotFoundException e) {

            activity.uploadMessage = null;

            return false;

        }

        return true;

    }



}


  

  



  



### 第二部分 Android 4.4 系统



  



Android 4.4系统的webview 被禁掉了 需要使用js和android接口互调的形式



  



JS通过接口调用 android native的方法 , 由android 上传图片 ,成功后获取服务器返回的URL地址 ,



再由android webview调用JS接口 将图片的URL 传给JS显示



如图:



  



![](https://img-blog.youkuaiyun.com/20160408104211033?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)  



  



  



  



### 第三部分 代码混淆



  



在混淆文件中添加

-keepclassmembers class * extends android.webkit.WebChromeClient {

public void openFileChooser(…);

}


  

  

  



Android studio 用户混淆文件:    proguard-rules.pro 



eclipse 用户混淆文件:                proguard-android.txt 



  



### 附:



JavaScript 调用android图片上传例子:

File to upload:

to upload the file!




  



  



### 参考技术贴:



http://stackoverflow.com/questions/5907369/file-upload-in-webview/  

  



Demo下载地址:



http://download.youkuaiyun.com/detail/aaawqqq/9485280  



  



献上神兽

// ┏┓　　　┏┓

//┏┛┻━━━┛┻┓

//┃　　　　　　　┃

//┃　　　━　　　┃

//┃　┳┛　┗┳　┃

//┃　　　　　　　┃

//┃　　　┻　　　┃

//┃　　　　　　　┃

//┗━┓　　　┏━┛

// ┃　　　┃ 神兽保佑

// ┃　　　┃ 代码无BUG！

// ┃　　　┗━━━┓

// ┃　　　　　　　┣┓

// ┃　　　　　　　┏┛

// ┗┓┓┏━┳┓┏┛

// ┃┫┫　┃┫┫

// ┗┻┛　┗┻┛


  

提升心智 不断前行