溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關Android中網頁H5的Input選擇相機和系統相冊怎么實現的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
需求：
網頁h6的input選擇相機和系統相冊，并且返回壓縮的圖片到h6。
代碼：
1、WebView代碼
package com.zql.sdk;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.support.annotation.RequiresApi;
import android.util.Log;
import android.view.KeyEvent;
import android.view.View;
import android.view.Window;
import android.webkit.JavascriptInterface;
import android.webkit.ValueCallback;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import java.io.IOException;
/**
* 瀏覽器組件
* Created by zst on 2018/5/16.
*/
public class WebViewActivity extends Activity implements View.OnClickListener {
public static final String INTENT_URL = "intent_url";//請求連接
public static final String INTENT_PARAMS_STRING = "intent_params_string";//請求參數字符串
public static final String INTENT_REQUEST_WAY = "intent_request_way";//請求方式（POST/GET）
private WebView wvShow;
private TextView tv_back_title;
private TextView tv_title;
private ImageView iv_back;
private TextView tv_right;
public ValueCallback<Uri[]> uploadMessage;
private ValueCallback<Uri> mUploadMessage;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉標題欄
setContentView(R.layout.activity_web_view);
tv_back_title = (TextView) findViewById(R.id.tv_back_title);
tv_title = (TextView) findViewById(R.id.tv_title);
iv_back = (ImageView) findViewById(R.id.iv_back);
tv_right = (TextView) findViewById(R.id.tv_right);
iv_back.setOnClickListener(this);
tv_back_title.setOnClickListener(this);
tv_right.setOnClickListener(this);
initView();
initData();
}
private void initData() {
String intentUrl = getIntent().getStringExtra(INTENT_URL);
String intentParams = getIntent().getStringExtra(INTENT_PARAMS_STRING);
String intentRequestWay = getIntent().getStringExtra(INTENT_REQUEST_WAY);
Log.e("WebView請求", "連接：" + intentUrl + "....." + "參數：" + intentParams);
if (intentRequestWay.equals("GET")) {
wvShow.loadUrl(intentUrl + "?" + intentParams);//get請求
} else if (intentRequestWay.equals("POST")) {
wvShow.postUrl(intentUrl, intentParams.getBytes());//post請求
} else {
Toast.makeText(WebViewActivity.this, "請求方式參數錯誤", Toast.LENGTH_SHORT).show();
}
//// wvShow.loadUrl("http://qas-gw.baofoo.com/merchant_page?CODE=6d8950fc495c2a63106ce45d2647e21aec04001b53b3d7aac2f8af3b3d24f84a6c51c92843814b270eb28ead11820178fad5a20a7278f042");//get請求
//
// String htmlData = "<!DOCTYPE html>\n" +
// "<html>\n" +
// "<head>\n" +
// " <meta charset=\"utf-8\">\n" +
// " <meta name=\"viewport\" content=\"width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no\">\n" +
// " <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n" +
// " <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">\n" +
// " <title>修改資料</title>\n" +
// " <script src=\"./jquery-1.8.3.js\"></script>\n" +
// "</head>\n" +
// "\n" +
// "<body>\n" +
// " <div className=\"image-uploader\">\n" +
// " <input id=\"imgInput\" className=\"imgInput\" type=\"file\" accept=\"image/*\" />\n" +
// " <img id=\"imgShow\" className=\"imgShow\" />\n" +
// " </div>\n" +
// "\n" +
// "<script> \n" +
// " $('#imgInput').change(function () {\n" +
// " readURL(this);\n" +
// "});\n" +
// "\n" +
// "function readURL(input){\n" +
// " if (input.files && input.files[0]) {\n" +
// " const reader = new FileReader();\n" +
// " reader.readAsDataURL(input.files[0]);\n" +
// " reader.onload = (e) => {\n" +
// " $('#imgShow').attr('src', e.target.result);\n" +
// " };\n" +
// " };\n" +
// " };\n" +
// "</script>\n" +
// "</body>\n" +
// "</html>";
//
// Log.e("網頁", htmlData);
//
// wvShow.loadDataWithBaseURL(null, htmlData, "text/html", "utf-8", null);
}
private void initView() {
wvShow = (WebView) findViewById(R.id.wv_body);
wvShow.getSettings().setJavaScriptEnabled(true);//允許與js 交互
wvShow.getSettings().setDefaultTextEncodingName("utf-8");//支持中文
//在js中調用本地java方法
wvShow.addJavascriptInterface(new JsInterface(this), "androidYZH");
wvShow.getSettings().setDomStorageEnabled(true);//允許緩存、開啟DOM（雙重重定向白屏問題）
wvShow.setWebViewClient(new WebViewClient() {
//覆蓋shouldOverrideUrlLoading 方法
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (url == null) return false;
try {
if (url.startsWith("http:") || url.startsWith("https:")) {
view.loadUrl(url);
return true;
} else {
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
startActivity(intent);
return true;
}
} catch (Exception e) { //防止crash (如果手機上沒有安裝處理某個scheme開頭的url的APP, 會導致crash)
return false;
}
}
});
wvShow.setWebChromeClient(new WebChromeClient() {//監聽網頁加載
@Override
public void onProgressChanged(WebView view, int newProgress) {
// if (newProgress == 100) {
// // 網頁加載完成
// pbProgress.setVisibility(View.GONE);
// } else {
// // 加載中
// pbProgress.setProgress(newProgress);
// }
super.onProgressChanged(view, newProgress);
}
@Override
public void onReceivedTitle(WebView view, String title) {
super.onReceivedTitle(view, title);
tv_title.setText(title);
}
public void openFileChooser(ValueCallback<Uri> uploadMsg) {
Log.e("點擊", "1");
ImgUtil.choicePhoto(WebViewActivity.this);
}
public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {
openFileChooser(uploadMsg);
Log.e("點擊", "3");
}
public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
openFileChooser(uploadMsg);
Log.e("點擊", "4");
}
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
public boolean onShowFileChooser(WebView mWebView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {
if (uploadMessage != null) {
uploadMessage.onReceiveValue(null);
uploadMessage = null;
}
uploadMessage = filePathCallback;
Log.e("點擊", "2");
ImgUtil.choicePhoto(WebViewActivity.this);
return true;
}
});
}
@Override
public void onClick(View v) {
int i = v.getId();
if (i == R.id.iv_back) {
if (wvShow.canGoBack()) {
wvShow.goBack();
} else {
finish();
}
} else if (i == R.id.tv_back_title) {
finish();
}
}
/**
* js調用原生方法
*/
private class JsInterface {
private Context mContext;
public JsInterface(Context context) {
this.mContext = context;
}
@JavascriptInterface
public void closeH5(String name) {//關閉sdk
Log.e("網頁", "方法入參：" + name);
finish();
}
@JavascriptInterface
public void downloadFile(String name) {//下載文件
Log.e("網頁", "方法入參：" + name);
//這里是把地址用默認瀏覽器打開，在瀏覽器中下載
Uri uri = Uri.parse(name);
Intent intent = new Intent();
intent.setAction("android.intent.action.VIEW");
intent.setData(uri);
startActivity(intent);
}
}
//重寫Activity的onKeyDown事件，判斷當用戶按下“返回”按鈕，webview返回上一頁
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && wvShow.canGoBack()) {
wvShow.goBack();
return true;
} else {
finish();
}
return super.onKeyDown(keyCode, event);
}
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
if (resultCode == RESULT_OK) {//正確返回
switch (requestCode) {
case ImgUtil.TAKE_PHOTO://相機返回
Log.e("返回相機", ImgUtil.imageUri.toString());
//相機返回rui
//Uri uriTake = ImgUtil.imageUri;
Uri uriTake = null;
try {
uriTake = ImgUtil.getCompressUri(WebViewActivity.this, ImgUtil.imageUri);
} catch (IOException e) {
e.printStackTrace();
}
//顯示在頁面
if (uploadMessage == null) return;
Uri[] imgTaskUris = {uriTake};
uploadMessage.onReceiveValue(imgTaskUris);
uploadMessage = null;
if (null == mUploadMessage) return;
Uri result = intent == null || resultCode != MainActivity.RESULT_OK ? null : uriTake;
mUploadMessage.onReceiveValue(result);
mUploadMessage = null;
break;
case ImgUtil.CHOOSE_PHOTO://相冊返回
try {
if (intent != null) {
//相冊返回
Log.e("返回", "intent2:" + intent.getData().toString() + "..." + uploadMessage);
//相冊返回uri
//Uri uriChoose = intent.getData();
Uri uriChoose = ImgUtil.getCompressUri(WebViewActivity.this, intent.getData());
//顯示在頁面
if (uploadMessage == null) return;
Uri[] imgChooseUris = {uriChoose};
uploadMessage.onReceiveValue(imgChooseUris);
//uploadMessage.onReceiveValue(WebChromeClient.FileChooserParams.parseResult(resultCode, intent));
uploadMessage = null;
Log.e("返回", "intent3:" + WebChromeClient.FileChooserParams.parseResult(resultCode, intent).toString());
}
break;
} catch (Exception e) {
e.printStackTrace();
UiUtil.showToast(this, "圖片選擇失敗");
}
break;
}
} else {
UiUtil.showToast(this, "圖片選擇失敗");
}
}
@Override
public void onRequestPermissionsResult(int requestCode, String[] permissions, int[] grantResults) {
switch (requestCode) {
case ImgUtil.REQUEST_CODE_ALBUM://相冊存儲權限
if (grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
ImgUtil.openAlbum(this);
} else {
UiUtil.showToast(this, "選擇圖庫需要同意權限");
}
break;
case ImgUtil.REQUEST_CODE_CAMERA://相機拍照權限
if (grantResults[0] == PackageManager.PERMISSION_GRANTED) {//允許
ImgUtil.openCamera(WebViewActivity.this);
} else {//拒絕
UiUtil.showToast(this, "只有同意相機權限,才能使用掃碼功能");
}
break;
default:
}
}
}2、ImgUtil.java工具類
1）、選擇相機方法（選擇相機的方法還有額外的代碼，具體點擊這里）
2）、選擇相冊方法
3）、壓縮圖片方法
package com.zql.sdk;
import android.Manifest;
import android.app.Activity;
import android.app.ActivityManager;
import android.app.AlertDialog;
import android.content.ContentResolver;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Build;
import android.provider.MediaStore;
import android.support.annotation.RequiresApi;
import android.support.v4.app.ActivityCompat;
import android.support.v4.content.ContextCompat;
import android.support.v4.content.FileProvider;
import android.util.Log;
import android.widget.Toast;
import java.io.ByteArrayInputStream;
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStream;
import java.util.ArrayList;
import java.util.List;
/**
* 圖片工具類
* Created by xiaoshuai on 2018/8/17.
*/
public class ImgUtil {
public static final int TAKE_PHOTO = 1;//拍照
public static final int CHOOSE_PHOTO = 2;//選擇相冊
public static final int REQUEST_CODE_CAMERA = 3;//相機權限請求
public static final int REQUEST_CODE_ALBUM = 4;//相冊權限請求
public static Uri imageUri;//相機拍照圖片保存地址
/**
* 選擇圖片，從圖庫、相機
*
* @param activity 上下文
*/
public static void choicePhoto(final Activity activity) {
//采用的是系統Dialog作為選擇彈框
new AlertDialog.Builder(activity).setTitle("上傳頭像")//設置對話框標題
.setPositiveButton("拍照", new DialogInterface.OnClickListener() {//添加確定按鈕
@RequiresApi(api = Build.VERSION_CODES.M)
@Override
public void onClick(DialogInterface dialog, int which) {
ArrayList<String> permissions = new ArrayList<>();
if (activity.checkSelfPermission(Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
permissions.add(Manifest.permission.CAMERA);
}
if (permissions.size() == 0) {//有權限,跳轉
//打開相機-兼容7.0
ImgUtil.openCamera(activity);
} else {
activity.requestPermissions(permissions.toArray(new String[permissions.size()]), REQUEST_CODE_CAMERA);
}
// if (Build.VERSION.SDK_INT >= 23) {//檢查相機權限
// ArrayList<String> permissions = new ArrayList<>();
// if (activity.checkSelfPermission(Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
// permissions.add(Manifest.permission.CAMERA);
// }
//
// if (permissions.size() == 0) {//有權限,跳轉
// //打開相機-兼容7.0
// openCamera(activity);
// } else {
// activity.requestPermissions(permissions.toArray(new String[permissions.size()]), REQUEST_CODE_CAMERA);
// }
// } else {
// //打開相機-兼容7.0
// openCamera(activity);
// }
}
}).
setNegativeButton("系統相冊", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
//如果有權限申請，請在Activity中onRequestPermissionsResult權限返回里面重新調用openAlbum()
if (ContextCompat.checkSelfPermission(activity, Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {
ActivityCompat.requestPermissions(activity, new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE}, REQUEST_CODE_ALBUM);
} else {
openAlbum(activity);
}
}
}).show();//在按鍵響應事件中顯示此對話框
}
/**
* 打開相機
* 兼容7.0
*
* @param activity
*/
public static void openCamera(Activity activity) {
// 創建File對象，用于存儲拍照后的圖片
File outputImage = new File(activity.getExternalCacheDir(), "output_image.jpg");
try {
if (outputImage.exists()) {
outputImage.delete();
}
outputImage.createNewFile();
} catch (IOException e) {
e.printStackTrace();
}
if (Build.VERSION.SDK_INT < 24) {
imageUri = Uri.fromFile(outputImage);
} else {
//Android 7.0系統開始 使用本地真實的Uri路徑不安全,使用FileProvider封裝共享Uri
//參數二:fileprovider絕對路徑 com.dyb.testcamerademo：項目包名
imageUri = FileProvider.getUriForFile(activity, "com.zql.sdk.fileprovider", outputImage);
}
// 啟動相機程序
Intent intent = new Intent("android.media.action.IMAGE_CAPTURE");
intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
activity.startActivityForResult(intent, TAKE_PHOTO);
}
/**
* 打開圖庫
* @param activity
*/
public static void openAlbum(Activity activity) {
//調用系統圖庫的意圖
Intent choosePicIntent = new Intent(Intent.ACTION_PICK, null);
choosePicIntent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, "image/*");
activity.startActivityForResult(choosePicIntent, CHOOSE_PHOTO);
//打開系統默認的軟件
//Intent intent = new Intent("android.intent.action.GET_CONTENT");
//intent.setType("image/*");
//activity.startActivityForResult(intent, CHOOSE_PHOTO); // 打開相冊
}
/**
* 通過uri獲取路徑filepath
* @param context
* @param uri
* @return
*/
public static String getFilePath( final Context context, final Uri uri ) {
if ( null == uri ) return null;
final String scheme = uri.getScheme();
String data = null;
if ( scheme == null )
data = uri.getPath();
else if ( ContentResolver.SCHEME_FILE.equals( scheme ) ) {
data = uri.getPath();
} else if ( ContentResolver.SCHEME_CONTENT.equals( scheme ) ) {
Cursor cursor = context.getContentResolver().query( uri, new String[] { MediaStore.Images.ImageColumns.DATA }, null, null, null );
if ( null != cursor ) {
if ( cursor.moveToFirst() ) {
int index = cursor.getColumnIndex( MediaStore.Images.ImageColumns.DATA );
if ( index > -1 ) {
data = cursor.getString( index );
}
}
cursor.close();
}
}
return data;
}
/**
* 得到byte[]
* LeanCloud上傳文件是需要byte[]數組的
* 這里對傳入的圖片Uri壓縮，并轉換為byte[]后返回
*
* @param activity 上下文
* @param uri 傳入圖片的Uri
* @return byte[]
*/
public static byte[] getImgByteFromUri(Activity activity, Uri uri) throws IOException {
//先進行尺寸壓縮
Bitmap bitmap = getBitmapFormUri(activity, uri);
//再進行質量壓縮
ByteArrayOutputStream out = new ByteArrayOutputStream();
bitmap.compress(Bitmap.CompressFormat.PNG, 100, out);//100表示不壓縮，直接放到out里面
int options = 90;//壓縮比例
while (out.toByteArray().length / 1024 > 200) { // 循環判斷如果壓縮后圖片是否大于100kb,大于繼續壓縮
out.reset(); // 重置baos即清空baos
bitmap.compress(Bitmap.CompressFormat.JPEG, options, out);// 這里壓縮options%，把壓縮后的數據存放到baos中
options -= 10;// 每次都減少10
}
Log.e("壓縮-提交", out.toByteArray().length + "");
byte[] bs = out.toByteArray();//轉換為byte提交
return bs;
}
public static Uri getCompressUri(Activity activity, Uri uri) throws IOException {
//先進行尺寸壓縮
Bitmap bitmap = getBitmapFormUri(activity, uri);
Uri uriCompress = Uri.parse(MediaStore.Images.Media.insertImage(activity.getContentResolver(), bitmap, null,null));
// //再進行質量壓縮
// ByteArrayOutputStream out = new ByteArrayOutputStream();
// bitmap.compress(Bitmap.CompressFormat.PNG, 100, out);//100表示不壓縮，直接放到out里面
// int options = 90;//壓縮比例
// while (out.toByteArray().length / 1024 > 200) { // 循環判斷如果壓縮后圖片是否大于100kb,大于繼續壓縮
// out.reset(); // 重置baos即清空baos
// bitmap.compress(Bitmap.CompressFormat.JPEG, options, out);// 這里壓縮options%，把壓縮后的數據存放到baos中
// options -= 10;// 每次都減少10
// }
// Log.e("壓縮-提交", out.toByteArray().length + "");
//
// byte[] bs = out.toByteArray();//轉換為byte提交
return uriCompress;
}
/**
* 圖片尺寸壓縮
*
* 寬度高度不一樣：依靠規定的高或寬其一最大值來做界限
* 高度寬度一樣：依照規定的寬度壓縮
*
* @param uri
*/
public static Bitmap getBitmapFormUri(Activity ac, Uri uri) throws FileNotFoundException, IOException {
InputStream input = ac.getContentResolver().openInputStream(uri);
BitmapFactory.Options onlyBoundsOptions = new BitmapFactory.Options();
onlyBoundsOptions.inJustDecodeBounds = true;
onlyBoundsOptions.inDither = true;//optional
onlyBoundsOptions.inPreferredConfig = Bitmap.Config.ARGB_8888;//optional
BitmapFactory.decodeStream(input, null, onlyBoundsOptions);
input.close();
int originalWidth = onlyBoundsOptions.outWidth;
int originalHeight = onlyBoundsOptions.outHeight;
if ((originalWidth == -1) || (originalHeight == -1))
return null;
//圖片分辨率以750x450為標準
float hh = 800f;//這里設置高度為750f
float ww = 800f;//這里設置寬度為450f
float sq = 800f;//這里設置正方形為300f
//縮放比。由于是固定比例縮放，只用高或者寬其中一個數據進行計算即可
Log.e("縮放", originalWidth + "..." + originalHeight);
int be = 1;//be=1表示不縮放
if (originalWidth > originalHeight && originalWidth > ww) {//如果寬度大，根據寬度固定大小縮放
be = (int) (originalWidth / ww);
} else if (originalWidth < originalHeight && originalHeight > hh) {//如果高度高，根據寬度固定大小縮放
be = (int) (originalHeight / hh);
} else if (originalWidth == originalHeight && originalWidth > sq) {//如果高度和寬度一樣，根據任意一邊大小縮放
//be = (int) (originalHeight / sq);
be = (int) (originalWidth / sq);
}
if (be <= 0) {//如果縮放比比1小，那么保持原圖不縮放
be = 1;
}
Log.e("縮放", be + "");
//比例壓縮
BitmapFactory.Options bitmapOptions = new BitmapFactory.Options();
bitmapOptions.inSampleSize = be;//設置縮放比例
bitmapOptions.inDither = true;//optional
bitmapOptions.inPreferredConfig = Bitmap.Config.ARGB_8888;//optional
input = ac.getContentResolver().openInputStream(uri);
Bitmap bitmap = BitmapFactory.decodeStream(input, null, bitmapOptions);
input.close();
return bitmap;//再進行質量壓縮
}
}感謝各位的閱讀！關于“Android中網頁H5的Input選擇相機和系統相冊怎么實現”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
