안드로이드 웹뷰 파일첨부 질문입니다

Question

안드로이드에서 웹뷰를 써서 하이브리드 앱 만드는 연습을 하고 있습니다 (초보) 그냥 웹페이지로 띄웠을 때랑 달리 안드로이드 앱은 권한을 주거나 기능추가(?)를 해야 하더군요 그래서 찾아보고 코드를 적은 결과 js는 정상적으로 작동되는거 같은데 파일첨부를 이용해 사진을 업로드 하거나 하고 싶은데 이 부분은 여전히 안 되더라구요; 구글링으로 찾아봐도 아래와 같은 코드들 뿐인거 같은데 ... 딱히 오류도 안 나고 정상 작동 되서 어딜 이상하게 적은지도 잘 모르겠습니다 원인이 궁금합니다 ㅠㅠ import android.annotation.SuppressLint; import android.content.Intent; import android.net.Uri; import android.os.Build; import android.os.Bundle; import android.os.Environment; import android.provider.MediaStore; import android.support.v7.app.AppCompatActivity; import android.text.TextUtils; import android.util.Log; import android.view.KeyEvent; import android.webkit.DownloadListener; import android.webkit.JsResult; import android.webkit.ValueCallback; import android.webkit.WebChromeClient; import android.webkit.WebView; import android.webkit.WebViewClient; import java.util.Date; import java.text.SimpleDateFormat; import java.io.File; import java.io.IOException; public class MainActivity extends AppCompatActivity { private WebView browser; private static final String TYPE_IMAGE = "image/*"; private static final int INPUT_FILE_REQUEST_CODE = 1; private ValueCallback mUploadMessage; private ValueCallback mFilePathCallback; private String mCameraPhotoPath; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); browser = (WebView) findViewById(R.id.webview); browser.getSettings().setJavaScriptEnabled(true); //browser.setWebChromeClient(new WebChromeClient()); browser.loadUrl("http://test.com/m/"); browser.setWebViewClient(new myWebViewClient()); browser.getSettings().setBuiltInZoomControls(true); browser.setWebChromeClient(new WebChromeClient(){ @Override public boolean onJsAlert(WebView view, String url, String message, JsResult result){ return super.onJsAlert(view, url, message, result); } public void onCLoseWindow(WebView w){ super.onCloseWindow(w); finish(); } }); browser.setDownloadListener(new DownloadListener() { @Override public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) { Intent intent = new Intent(Intent.ACTION_VIEW); intent.setType(mimetype); intent.setData(Uri.parse(url)); startActivity(intent); } }); } @Override public boolean onKeyDown(int keyCode, KeyEvent event){ if((keyCode == KeyEvent.KEYCODE_BACK) && browser.canGoBack()){ browser.goBack(); return true; } return super.onKeyDown(keyCode, event); } private class myWebViewClient extends WebViewClient { @SuppressLint("MissingPermission") @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { if(url.contains("tel:")){ startActivity(new Intent(Intent.ACTION_CALL, Uri.parse(url))); return true; } else if(url.contains("mail:")){ startActivity(new Intent(Intent.ACTION_SENDTO, Uri.parse(url))); return true; } else{ view.loadUrl(url); return true; } } } WebChromeClient webChromeClient = new WebChromeClient() { public void openFileChooser(ValueCallback uploadFile, String acceptType, String capture) { Log.d(getClass().getName(), "openFileChooser : "+acceptType+"/"+capture); mUploadMessage = uploadFile; imageChooser(); } // For Android Version 5.0+ public boolean onShowFileChooser(WebView webView, ValueCallback filePathCallback, FileChooserParams fileChooserParams) { if (mFilePathCallback != null) { mFilePathCallback.onReceiveValue(null); } mFilePathCallback = filePathCallback; imageChooser(); return true; } }; private void imageChooser() { Intent takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); if (takePictureIntent.resolveActivity(getPackageManager()) != null) { // Create the File where the photo should go File photoFile = null; try { photoFile = createImageFile(); takePictureIntent.putExtra("PhotoPath", mCameraPhotoPath); } catch (IOException ex) { // Error occurred while creating the File Log.e(getClass().getName(), "Unable to create Image File", ex); } // Continue only if the File was successfully created if (photoFile != null) { mCameraPhotoPath = "file:"+photoFile.getAbsolutePath(); takePictureIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(photoFile)); } else { takePictureIntent = null; } } Intent contentSelectionIntent = new Intent(Intent.ACTION_GET_CONTENT); contentSelectionIntent.addCategory(Intent.CATEGORY_OPENABLE); contentSelectionIntent.setType(TYPE_IMAGE); Intent[] intentArray; if(takePictureIntent != null) { intentArray = new Intent[]{takePictureIntent}; } else { intentArray = new Intent[0]; } Intent chooserIntent = new Intent(Intent.ACTION_CHOOSER); chooserIntent.putExtra(Intent.EXTRA_INTENT, contentSelectionIntent); chooserIntent.putExtra(Intent.EXTRA_TITLE, "Select"); chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, intentArray); startActivityForResult(chooserIntent, INPUT_FILE_REQUEST_CODE); } private File createImageFile() throws IOException { // Create an image file name String timeStamp = new SimpleDateFormat("yyyyMMdd_HHmmss").format(new Date()); String imageFileName = "JPEG_" + timeStamp + "_"; File storageDir = Environment.getExternalStoragePublicDirectory( Environment.DIRECTORY_PICTURES); File imageFile = File.createTempFile( imageFileName, /* prefix */ ".jpg", /* suffix */ storageDir /* directory */ ); return imageFile; } @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { if (requestCode == INPUT_FILE_REQUEST_CODE && resultCode == RESULT_OK) { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { if (mFilePathCallback == null) { super.onActivityResult(requestCode, resultCode, data); return; } Uri[] results = new Uri[]{getResultUri(data)}; mFilePathCallback.onReceiveValue(results); mFilePathCallback = null; } else { if (mUploadMessage == null) { super.onActivityResult(requestCode, resultCode, data); return; } Uri result = getResultUri(data); Log.d(getClass().getName(), "openFileChooser : "+result); mUploadMessage.onReceiveValue(result); mUploadMessage = null; } } else { if (mFilePathCallback != null) mFilePathCallback.onReceiveValue(null); if (mUploadMessage != null) mUploadMessage.onReceiveValue(null); mFilePathCallback = null; mUploadMessage = null; super.onActivityResult(requestCode, resultCode, data); } } private Uri getResultUri(Intent data) { Uri result = null; if(data == null || TextUtils.isEmpty(data.getDataString())) { // If there is not data, then we may have taken a photo if(mCameraPhotoPath != null) { result = Uri.parse(mCameraPhotoPath); } } else { String filePath = ""; if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { filePath = data.getDataString(); } else { //filePath = "file:" + filePath.getRealPath(this, data.getData()); } result = Uri.parse(filePath); } return result; } }

너부리 · Answer

SD Card READ, WRITE permission 처리 하셨나요?코드에서는 권한처리 부분이 보이지 않는데요.Android 6 부터는 권한요청을 필수로 해야 합니다.public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) { if(!hasPermissions()){ requestPermissions(); return false; } if (mFilePathCallback !&#61; null) { mFilePathCallback.onReceiveValue(null); } mFilePathCallback &#61; filePathCallback; imageChooser(); return true; } private boolean hasPermissions(){ //권한검사 return value } private void requestPermissions(){ //권한요청 }

윌리 · Answer

아래 참고하세요. 이전에 할 때, 저도 잘 안되서, 안드로이드에서 File Chooser와 File Upload를 직접 구현했습니다.근데 아래 정리된 부분은 그 문제를 해결한 것 같은데, 확인해 보시기 바랍니다.http://gogorchg.tistory.com/entry/Android-WebView-File-Upload

안드로이드 웹뷰 파일첨부 질문입니다

2개의 답변

Q&A 목록