真正可用的安卓webview html图片上传限制突破处理(拍照+相册都可以用)-白红宇

真正可用的安卓webview html图片上传限制突破处理(拍照+相册都可以用)

阅读量：5370 次

发布时间：2019-06-15

本文共 11737 字，大约阅读时间需要 39 分钟。

两篇起步使用webview参考文章，第一篇解除限制,但会调用外部浏览器打开链接，第二篇覆盖shouldOverrideUrlLoading return true

https://www.jb51.net/article/104199.htm

https://www.cnblogs.com/sohowang/p/3998155.html

android 多媒体和相机详解五(先学习下相机和相册的基本操作)

https://www.2cto.com/kf/201207/143320.html

有拍照和选相册（拍照后无法上传，相册选择可以）

https://blog.csdn.net/a_running_wolf/article/details/77983739

https://download.csdn.net/download/st666/9621904?locationNum=4

真正可用的拍照上传例子在这（可正常拍照，但没有选择相册）

https://download.csdn.net/download/wangchsh2008/10232317

但是上面这些例子都没有图片压缩功能，上传拍照的照片过大(>2M)通过流量的会失败，看来还是有一定的实用限制

H5异步上传前台（支持选择后即时查看图片）

安卓代码(拍照+相册选择都可以哦，流量上传超过2M容易失败)

package com.gtj.admin.gapt;import android.Manifest;import android.annotation.TargetApi;import android.app.Activity;import android.content.ClipData;import android.content.ContentValues;import android.content.Intent;import android.content.pm.PackageManager;import android.graphics.Bitmap;import android.net.Uri;import android.os.Build;import android.os.Bundle;import android.os.Environment;import android.os.Parcelable;import android.os.StrictMode;import android.provider.MediaStore;import android.support.annotation.RequiresApi;import android.support.v4.app.ActivityCompat;import android.text.format.DateFormat;import android.util.Log;import android.webkit.ValueCallback;import android.webkit.WebChromeClient;import android.webkit.WebResourceRequest;import android.webkit.WebSettings;import android.webkit.WebView;import android.webkit.WebViewClient;import android.widget.Toast;import java.io.File;import java.io.IOException;import java.util.Calendar;import java.util.Locale;public class MainActivity extends Activity {    private static final String TAG = MainActivity.class.getSimpleName();    private WebView mWebView;    private String TMP_URL = "http://221.2.169.102:50001/LBM";    private ValueCallback
     
       mUploadMessage;// 表单的数据信息    private ValueCallback
      
        mUploadCallbackAboveL;    private final static int FILECHOOSER_RESULTCODE = 1;// 表单的结果回调    private Uri imageUri;    File file;    @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN)    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mWebView = (WebView) findViewById(R.id.main_web);        mWebView.loadUrl(TMP_URL);        mWebView.getSettings().setJavaScriptEnabled(true);        //mWebView.getSettings().setRenderPriority(WebSettings.RenderPriority.HIGH);        WebSettings settings = mWebView.getSettings();        settings.setDomStorageEnabled(true);        settings.setUseWideViewPort(true);        settings.setLoadWithOverviewMode(true);        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.setJavaScriptEnabled(true);        settings.setSupportZoom(true);        //检查权限        checkAppPermission();        mWebView.setWebViewClient(new WebViewClient() {            @TargetApi(Build.VERSION_CODES.LOLLIPOP)            @Override            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request)            {                //返回false，意味着请求过程里，不管有多少次的跳转请求（即新的请求地址），均交给webView自己处理，这也是此方法的默认处理                //返回true，说明你自己想根据url，做新的跳转，比如在判断url符合条件的情况下，我想让webView加载http://ask.csdn.net/questions/178242                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {                    if (request.getUrl().toString().contains("sina.cn")){                        view.loadUrl("http://ask.csdn.net/questions/178242");                        return true;                    }                }                view.loadUrl(request.getUrl().toString());                return true;            }            @Override            public void onPageStarted(WebView view, String url, Bitmap favicon) {                // TODO Auto-generated method stub                super.onPageStarted(view, url, favicon);            }            @Override            public void onPageFinished(WebView view, String url) {                // TODO Auto-generated method stub                super.onPageFinished(view, url);            }        });        mWebView.setWebChromeClient(new WebChromeClient() {            @Override            // onShowFileChooser详解 http://teachcourse.cn/2224.html            public boolean onShowFileChooser(WebView webView,                                             ValueCallback
       
         filePathCallback,                                             FileChooserParams fileChooserParams) {                mUploadCallbackAboveL = filePathCallback;                take();                return true;            }            public void openFileChooser(ValueCallback
        
          uploadMsg) {                mUploadMessage = uploadMsg;                take();            }            public void openFileChooser(ValueCallback
         
           uploadMsg, String acceptType) {                mUploadMessage = uploadMsg;                take();            }            public void openFileChooser(ValueCallback
          
            uploadMsg, String acceptType, String capture) { mUploadMessage = uploadMsg; take(); } }); //android 7.0系统解决拍照的问题// StrictMode.VmPolicy.Builder builder = new StrictMode.VmPolicy.Builder();// StrictMode.setVmPolicy(builder.build());// builder.detectFileUriExposure(); } @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { super.onActivityResult(requestCode, resultCode, data); if (requestCode == FILECHOOSER_RESULTCODE) { updatePhotos(); 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.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() {// int hasCameraContactsPermission = ActivityCompat.checkSelfPermission(this,Manifest.permission.CAMERA);// if (hasCameraContactsPermission != PackageManager.PERMISSION_GRANTED) {// String[] PERMISSIONS_STORAGE = {// Manifest.permission.CAMERA};//// ActivityCompat.requestPermissions(this, PERMISSIONS_STORAGE,// 1);// }//// int hasWriteContactsPermission = ActivityCompat.checkSelfPermission(this,Manifest.permission.WRITE_EXTERNAL_STORAGE);// if (hasWriteContactsPermission != PackageManager.PERMISSION_GRANTED) {// String[] PERMISSIONS_STORAGE = {// Manifest.permission.WRITE_EXTERNAL_STORAGE};//// ActivityCompat.requestPermissions(this, PERMISSIONS_STORAGE,// 1);// } Log.i(TAG,""+Environment.getExternalStorageDirectory().getPath()); // 指定拍照存储位置的方式调起相机 String filePath = Environment.getExternalStorageDirectory() + File.separator + Environment.DIRECTORY_PICTURES + File.separator; String fileName = "IMG_" + DateFormat.format("yyyyMMdd_hhmmss", Calendar.getInstance(Locale.CHINA)) + ".jpg"; file = new File(filePath + fileName); imageUri = Uri.fromFile(file); //调用照相机和浏览图片库代码// Intent captureIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE);// captureIntent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);//// Intent Photo = new Intent(Intent.ACTION_PICK,// android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);//// Intent chooserIntent = Intent.createChooser(Photo, "Image Chooser");// chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, new Parcelable[]{captureIntent});// startActivityForResult(chooserIntent, FILECHOOSER_RESULTCODE); //调用系统相机，此代码在android 7.0以上有问题，需要在onCreate方法加入StrictMode.VmPolicy.Builder解决办法// Intent intentCamera = new Intent();// if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {// intentCamera.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION); //添加这一句表示对目标应用临时授权该Uri所代表的文件// }// intentCamera.setAction(MediaStore.ACTION_IMAGE_CAPTURE);// //将拍照结果保存至photo_file的Uri中，不保留在相册中// intentCamera.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);// startActivityForResult(intentCamera, FILECHOOSER_RESULTCODE); //Intent captureIntent = new Intent(android.provider.MediaStore.ACTION_IMAGE_CAPTURE); //captureIntent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri); //兼容android 7.0+版本的照相机调用代码 Intent captureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); if (captureIntent.resolveActivity(getPackageManager()) != null) { /*获取当前系统的android版本号*/ int currentapiVersion = android.os.Build.VERSION.SDK_INT; Log.e("currentapiVersion","currentapiVersion====>"+currentapiVersion); if (currentapiVersion<24){ captureIntent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri); //startActivityForResult(intent, FILECHOOSER_RESULTCODE); }else { ContentValues contentValues = new ContentValues(1); contentValues.put(MediaStore.Images.Media.DATA, file.getAbsolutePath()); Uri uri = this.getContentResolver().insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI,contentValues); captureIntent.putExtra(MediaStore.EXTRA_OUTPUT, uri); //startActivityForResult(intent, FILECHOOSER_RESULTCODE); } } else { Toast.makeText(this, "照相机不存在", Toast.LENGTH_SHORT).show(); return; } Intent Photo = new Intent(Intent.ACTION_PICK, android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI); Intent chooserIntent = Intent.createChooser(Photo, "Image Chooser"); chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, new Parcelable[]{captureIntent}); startActivityForResult(chooserIntent, FILECHOOSER_RESULTCODE); } private void updatePhotos() { // 该广播即使多发（即选取照片成功时也发送）也没有关系，只是唤醒系统刷新媒体文件 Intent intent = new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE); intent.setData(imageUri); sendBroadcast(intent); } //这里检查了存储权限，如果有需要，可以先检查下相机权限。 此方法用户对权限禁止或允许 未做判断，需要进一步完善 private void checkAppPermission(){ int permission = ActivityCompat.checkSelfPermission(this, Manifest.permission.READ_EXTERNAL_STORAGE); if (permission != PackageManager.PERMISSION_GRANTED) { String[] PERMISSIONS_STORAGE = { Manifest.permission.READ_EXTERNAL_STORAGE, Manifest.permission.WRITE_EXTERNAL_STORAGE}; final int REQUEST_EXTERNAL_STORAGE = 1; ActivityCompat.requestPermissions(this, PERMISSIONS_STORAGE, REQUEST_EXTERNAL_STORAGE); } }}