Android WebView 支持 文件上传(Html File Upload)

背景:有个html页面,用html里面自带的<input type =file/>上传文件(图片,word,Excel等)浏览器直接打开可以上传,
套壳在Android app里面,点击文件上传没反应,修改Android代码,可以实现相应功能,亲测有效。

1、在oncreate 方法上面 加入以下代码:
1     private static final int REQUEST_STORAGE = 1;2     private static final int REQUEST_LOCATION = 2;3     public ValueCallback<Uri> mUploadMessage;4     public static final int FILECHOOSER_RESULTCODE = 5173;

2、添加以下方法:

 1  webView.setWebChromeClient(new WebChromeClient() { 2  3   // For Android 3.0+ 4             public void openFileChooser(ValueCallback<Uri> uploadMsg) { 5  6                 mUploadMessage = uploadMsg; 7                 Intent i = new Intent(Intent.ACTION_GET_CONTENT); 8                 i.addCategory(Intent.CATEGORY_OPENABLE); 9                 i.setType("image/*");10                 MainActivity.this.startActivityForResult(Intent.createChooser(i,"File Chooser"), FILECHOOSER_RESULTCODE);11 12             }13 14             // For Android 3.0+15             public void openFileChooser( ValueCallback uploadMsg, String acceptType ) {16                 mUploadMessage = uploadMsg;17                 Intent i = new Intent(Intent.ACTION_GET_CONTENT);18                 i.addCategory(Intent.CATEGORY_OPENABLE);19                 i.setType("*/*");20                 MainActivity.this.startActivityForResult(21                         Intent.createChooser(i, "File Browser"),22                         FILECHOOSER_RESULTCODE);23             }24 25             //For Android 4.126             public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture){27                 mUploadMessage = uploadMsg;28                 Intent i = new Intent(Intent.ACTION_GET_CONTENT);29                 i.addCategory(Intent.CATEGORY_OPENABLE);30                 i.setType("image/*");31                 MainActivity.this.startActivityForResult( Intent.createChooser( i, "File Chooser" ), MainActivity.FILECHOOSER_RESULTCODE );32             }33 34             public boolean onShowFileChooser(35                     WebView webView, ValueCallback<Uri[]> filePathCallback,36                     FileChooserParams fileChooserParams) {37                 if (mUMA != null) {38                     mUMA.onReceiveValue(null);39                 }40                 mUMA = filePathCallback;41                 Intent takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);42                 if (takePictureIntent.resolveActivity(MainActivity .this.getPackageManager()) != null) {43                     File photoFile = null;44                     try {45                         photoFile = createImageFile();46                         takePictureIntent.putExtra("PhotoPath", mCM);47                     } catch (IOException ex) {48                         //Log.e(TAG, "Image file creation failed", ex);49                     }50                     if (photoFile != null) {51                         mCM = "file:" + photoFile.getAbsolutePath();52                         takePictureIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(photoFile));53                     } else {54                         takePictureIntent = null;55                     }56                 }57 58                 Intent contentSelectionIntent = new Intent(Intent.ACTION_GET_CONTENT);59                 contentSelectionIntent.addCategory(Intent.CATEGORY_OPENABLE);60                 contentSelectionIntent.setType("*/*");61                 Intent[] intentArray;62                 if (takePictureIntent != null) {63                     intentArray = new Intent[]{takePictureIntent};64                 } else {65                     intentArray = new Intent[0];66                 }67                 Intent chooserIntent = new Intent(Intent.ACTION_CHOOSER);68                 chooserIntent.putExtra(Intent.EXTRA_INTENT, contentSelectionIntent);69                 chooserIntent.putExtra(Intent.EXTRA_TITLE, "Image Chooser");70                 chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, intentArray);71                 startActivityForResult(chooserIntent, FCR);72                 return true;73             }74         });

3、添加方法:

1   // Create an image file2     private File createImageFile() throws IOException {3         @SuppressLint("SimpleDateFormat") String timeStamp = new SimpleDateFormat("yyyyMMdd_HHmmss").format(new java.util.Date());4         String imageFileName = "img_" + timeStamp + "_";5         File storageDir = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES);6         return File.createTempFile(imageFileName, ".jpg", storageDir);7     }

4、onActivityResult

 1  @Override 2     protected void onActivityResult(int requestCode, int resultCode, Intent data) { 3         // TODO Auto-generated method stub 4         super.onActivityResult(requestCode, resultCode, data); 5  6 if(requestCode==FILECHOOSER_RESULTCODE) { 7             if (null == mUploadMessage) return; 8             Uri result = data == null || resultCode != RESULT_OK ? null 9                     : data.getData();10             mUploadMessage.onReceiveValue(result);11             mUploadMessage = null;12         }13 14         if (Build.VERSION.SDK_INT >= 21) {15             Uri[] results = null;16 //Check if response is positive17             if (resultCode == Activity.RESULT_OK) {18                 if (requestCode == FCR) {19                     if (null == mUMA) {20                         return;21                     }22                     if (data == null) {23 //Capture Photo if no image available24                         if (mCM != null) {25                             results = new Uri[]{Uri.parse(mCM)};26                         }27                     } else {28                         String dataString = data.getDataString();29                         if (dataString != null) {30                             results = new Uri[]{Uri.parse(dataString)};31                         }32                     }33                     mUMA.onReceiveValue(results);34                     mUMA = null;35                 }36             }37         } else {38             if (requestCode == FCR) {39                 if (null == mUM) return;40                 Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();41                 mUM.onReceiveValue(result);42                 mUM = null;43             }44         }45 }

参考:https://www.zidsworld.com/android-development/make-android-webview-support-file-upload/

代码下载

计算机