100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > android 本地html传递参数 Android WebView适配html加载本地文件并上传

android 本地html传递参数 Android WebView适配html加载本地文件并上传

时间:2023-02-23 09:46:23

相关推荐

android 本地html传递参数 Android WebView适配html加载本地文件并上传

写在前面

自从做Android APP产品以来,版本更迭一版接着一版,为新的业务需求一步也未曾停歇。工作开始进入一种机械化的快节奏:接触新知识,新技术领域一般都是通过网上找资料,快速入门,遇到问题解决了就解决了,完成之后也很少去用文字来总结经验,一个项目做完也只剩下提交的代码,或者将遇到的问题用笔记的形式草草记录下来。

这几天终于有点闲下来了,回头看自己提交的代码,觉得有些知识还是应该整理总结一下。这样过很久来看,即使忘的差不多了也可以通过整理的文章来重新学习。

第一篇文章就写这个吧!因为三方android app需要集成我们的h5页面,但是同时需要在app内做适配,所以之前自己就在网上找资料总结了一篇,现在就是直接复制粘贴过来的。

WebView选择文件的逻辑

当我们在Web页面上点击选择文件的控件()时,会回调WebChromeClient下的openFileChooser()(5.0及以上系统回调onShowFileChooser())。这个时候我们在openFileChooser方法中通过Intent打开系统相册或者支持该Intent的第三方应用来选择图片。

webview.setWebChromeClient(new WebChromeClient() {

// For Android < 3.0

public void openFileChooser(ValueCallback valueCallback) {

***

}

// For Android >= 3.0

public void openFileChooser(ValueCallback valueCallback, String acceptType) {

***

}

//For Android >= 4.1

public void openFileChooser(ValueCallback valueCallback,

String acceptType, String capture) {

***

}

// For Android >= 5.0

@Override

public boolean onShowFileChooser(WebView webView,

ValueCallback filePathCallback,

WebChromeClient.FileChooserParams fileChooserParams) {

***

return true;

}

});

如果对于image的选择,demo如下

webview.setWebChromeClient(new WebChromeClient() {

// For Android < 3.0

public void openFileChooser(ValueCallback valueCallback) {

uploadMessage = valueCallback;

openImageChooserActivity();

}

// For Android >= 3.0

public void openFileChooser(ValueCallback valueCallback, String acceptType) {

uploadMessage = valueCallback;

openImageChooserActivity();

}

//For Android >= 4.1

public void openFileChooser(ValueCallback valueCallback, String acceptType, String capture) {

uploadMessage = valueCallback;

openImageChooserActivity();

}

// For Android >= 5.0

@Override

public boolean onShowFileChooser(WebView webView, ValueCallback filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {

uploadMessageAboveL = filePathCallback;

openImageChooserActivity();

return true;

}

});

String targetUrl = "file:///android_asset/up.html";

webview.loadUrl(targetUrl);

}

private void openImageChooserActivity() {

Intent i = new Intent(Intent.ACTION_GET_CONTENT);

i.addCategory(Intent.CATEGORY_OPENABLE);

i.setType("image/*");

startActivityForResult(Intent.createChooser(i, "Image Chooser"), FILE_CHOOSER_RESULT_CODE);

}

注意:

上面demo是根据图片image的处理方式,如果其他类型,例如是video,可以通过在acceptType这个参数中取得,然后做相应处理。如果是5.0以上,可以在fileChooserParams这个参数中取得acceptType这个参数,然后做相应处理.

上传的情况

看到上面openFileChooser()或onShowFileChooser()中ValueCallback参数,可以调用其onReceiveValue回传给webview,通过js可以上传。ValueCallback包含了一组Uri(Uri[]),所以针对5.0及以上系统,我们还需要对onActivityResult()做一点点处理。例如:

@Override

protected void onActivityResult(int requestCode, int resultCode, Intent data) {

super.onActivityResult(requestCode, resultCode, data);

if (requestCode == FILE_CHOOSER_RESULT_CODE) {

if (null == uploadMessage && null == uploadMessageAboveL) return;

Uri result = data == null || resultCode != RESULT_OK ? null : data.getData();

if (uploadMessageAboveL != null) {

onActivityResultAboveL(requestCode, resultCode, data);

} else if (uploadMessage != null) {

uploadMessage.onReceiveValue(result);

uploadMessage = null;

}

}

}

@TargetApi(Build.VERSION_CODES.LOLLIPOP)

private void onActivityResultAboveL(int requestCode, int resultCode, Intent intent) {

if (requestCode != FILE_CHOOSER_RESULT_CODE || uploadMessageAboveL == null)

return;

Uri[] results = null;

if (resultCode == Activity.RESULT_OK) {

if (intent != null) {

String dataString = intent.getDataString();

ClipData clipData = intent.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)};

}

}

uploadMessageAboveL.onReceiveValue(results);

uploadMessageAboveL = null;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。