2012-07-30 6 views
28

Pracuję nad aplikacją na Androida. Zasadniczo jest to WebView i progressBar. Witryna mobilna Facebooka (m.facebook.com) jest ładowana do WebView.Przesyłanie plików w Androidzie WebView

Po kliknięciu przycisku Wybierz plik, aby przesłać obraz, nic się nie dzieje. Wypróbowałem WSZYSTKIE rozwiązania i żaden z nich nie działa. Testuję na Galaxy Note (GT-N7000) działającym pod kontrolą 4.0.3. Moja minimalna wersja SDK w wersji 8.

My App

Oto mój kod, aby uzyskać więcej informacji ...

public class IStyla extends Activity { 
    private ValueCallback<Uri> mUploadMessage; 
    private final static int FILECHOOSER_RESULTCODE = 1; 

    @Override 
    protected void onActivityResult(int requestCode, int resultCode, Intent intent) { 
     if (requestCode == FILECHOOSER_RESULTCODE) { 
      if (null == mUploadMessage) 
       return; 
      Uri result = intent == null || resultCode != RESULT_OK ? null 
        : intent.getData(); 
      mUploadMessage.onReceiveValue(result); 
      mUploadMessage = null; 

     } 
    } 
    private class MyWebChromeClient extends WebChromeClient { 
     public void openFileChooser(ValueCallback<Uri> uploadMsg) { 
      mUploadMessage = uploadMsg; 
      Intent i = new Intent(Intent.ACTION_GET_CONTENT); 
      i.addCategory(Intent.CATEGORY_OPENABLE); 
      i.setType("image/*"); 
      IStyla.this.startActivityForResult(Intent.createChooser(i, "Image Browser"), FILECHOOSER_RESULTCODE); 
     } 

     @Override 
     public boolean onJsAlert(WebView view, String url, String message,final JsResult result) { 
      //handle Alert event, here we are showing AlertDialog 
      new AlertDialog.Builder(IStyla.this) 
       .setTitle("JavaScript Alert !") 
       .setMessage(message) 
       .setPositiveButton(android.R.string.ok, 
        new AlertDialog.OnClickListener() { 
         public void onClick(DialogInterface dialog, int which) { 
          // do your stuff 
          result.confirm(); 
         } 
        }).setCancelable(false).create().show(); 
      return true; 
     } 
    } 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_istyla); 
     WebView webView = (WebView) findViewById(R.id.webView1); 
     WebSettings webSettings = webView.getSettings(); 
     webSettings.setJavaScriptEnabled(true); 
     webView.setWebChromeClient(new MyWebChromeClient(){ 
      public void onProgressChanged(WebView view, int progress) { 
       // Activities and WebViews measure progress with different scales. 
       // The progress meter will automatically disappear when we reach 100% 
       ProgressBar progressBar = (ProgressBar) findViewById(R.id.progressBar1); 
       if(progress < 100 && progressBar.getVisibility() == ProgressBar.GONE){ 
        progressBar.setVisibility(ProgressBar.VISIBLE); 
       } 
       progressBar.setProgress(progress); 
       if(progress == 100) { 
        progressBar.setVisibility(ProgressBar.GONE); 
       } 
      } 
      public void openFileChooser(ValueCallback<Uri> uploadMsg) { 
       mUploadMessage = uploadMsg; 
       Intent i = new Intent(Intent.ACTION_GET_CONTENT); 
       i.addCategory(Intent.CATEGORY_OPENABLE); 
       i.setType("image/*"); 
       IStyla.this.startActivityForResult(Intent.createChooser(i, "Image Browser"), FILECHOOSER_RESULTCODE); 
      } 
     }); 
     webView.setWebViewClient(new WebViewClient() { 
      @Override 
      public boolean shouldOverrideUrlLoading(WebView view, String url) { 
       view.loadUrl(url); 
       ProgressBar progressBar = (ProgressBar) findViewById(R.id.progressBar1); 
       progressBar.setVisibility(ProgressBar.VISIBLE); 
       return true; 
      } 

     }); 
     webView.loadUrl("https://m.facebook.com"); 

    } 

    @Override 
    public boolean onKeyDown(int keyCode, KeyEvent event) { 
     if (keyCode == KeyEvent.KEYCODE_BACK){ 
      if(((WebView)findViewById(R.id.webView1)).canGoBack()){ 
       ((WebView)findViewById(R.id.webView1)).goBack(); 
       return true; 
      } 
     } 
     return super.onKeyDown(keyCode, event); 
    } 

    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
     getMenuInflater().inflate(R.menu.activity_istyla, menu); 
     return true; 
    } 

} 

Dzięki

+0

Może potrzebujesz uprawnień, coś w rodzaju [READ_EXTERNAL_STORAGE] (http://developer.android.com/reference/android/Manifest.permission.html#READ_EXTERNAL_STORAGE) – neworld

+0

Dodałem zezwolenie, ale nadal nie działa . Dodałem mój kod powyżej. –

+2

Spójrz na http://stackoverflow.com/questions/5907369/file-upload-in-webview –

Odpowiedz

4

Biorąc pod uwagę dużą liczbę głosów jestem zgadywanie, nikt nie zauważył trzeciego komentarza (od David Esteves) zawiera a link with to answer to this question.

Michel Olivier powiedział:

To rozwiązanie działa również w przypadku bloku o strukturze plastra miodu i lodów. Wygląda na to, że firma Google wprowadziła nową, świetną funkcję (atrybut accept) i zapomniała zaimplementować przeciążenie w celu zapewnienia kompatybilności wstecznej.

więc wystarczy dodać przeciążenie openFileChooser do klasy MyWebChromeClient który akceptuje parametr ciąg, a następnie wywołać taki, który nie:

public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) 
{ 
    this.openFileChooser(uploadMsg); 
} 

ten sposób udało mi się zrobić bieg kodu jak zamierzono.

3

Podczas wywoływania AlertDialog w WebChromeClient.OpenFileChooser należy powiadomić webchrome, że w przypadku przycisku Wstecz nie dokonano żadnego wyboru. Ponieważ przycisk Wstecz może być naciśnięty w oknie dialogowym, musisz obsługiwać OnCancel w oknie dialogowym i powiedzieć WebChrome, że wybór został zakończony.

np

private ValueCallback<Uri> mUploadMessage; 
private final static int FILECHOOSER_RESULTCODE = 1; 
private final static int CAMERA_RESULTCODE = 2; 

... 

    webView.setWebChromeClient(new WebChromeClient() { 
     public boolean onConsoleMessage(ConsoleMessage cm) { 
     Log.d("MyApplication", cm.message() + " -- From line " 
          + cm.lineNumber() + " of " 
          + cm.sourceId()); 
     return true; 
     } 

     public void onExceededDatabaseQuota(String url, String 
      databaseIdentifier, long currentQuota, long estimatedSize, long 
      totalUsedQuota, QuotaUpdater quotaUpdater) { 
          quotaUpdater.updateQuota(estimatedSize+65536); 
      } 

    @SuppressWarnings("unused") 
    public void openFileChooser(ValueCallback<Uri> uploadMsg, String AcceptType, String capture) { 
      this.openFileChooser(uploadMsg); 
     } 

    @SuppressWarnings("unused") 
    public void openFileChooser(ValueCallback<Uri> uploadMsg, String AcceptType) { 
     this.openFileChooser(uploadMsg); 
    } 

    public void openFileChooser(ValueCallback<Uri> uploadMsg) { 

     mUploadMessage = uploadMsg; 
     PesScreen.this.openImageIntent(); 
    } 
    });   

...

private void openImageIntent() { 

final File root = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES); //file storage 


    root.mkdirs(); 
    int nCnt = 1; 
    if (root.listFiles() != null) 
     nCnt = root.listFiles().length; 
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd-HH-mm-ss"); 
    final String fname = String.format("/dest-%s-%d.jpg", sdf.format(Calendar.getInstance().getTime()), nCnt); 

    final File sdImageMainDirectory = new File(root.getAbsolutePath() + fname); 
    outputFileUri = Uri.fromFile(sdImageMainDirectory); 
//selection Photo/Gallery dialog 
    AlertDialog.Builder alert = new AlertDialog.Builder(this); 

    alert.setTitle("Select source"); 

    final CharSequence[] items = {"Photo", "Gallery"}; 
    alert.setItems(items, new DialogInterface.OnClickListener() { 
    public void onClick(DialogInterface dialog, int whichButton) { 

      dialog.dismiss(); 
      if(whichButton == 0) 
      { 
       Intent chooserIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); 
       chooserIntent.putExtra(MediaStore.EXTRA_OUTPUT, outputFileUri); 
       startActivityForResult(chooserIntent, CAMERA_RESULTCODE); 
      } 
      if(whichButton == 1) 
      { 
       Intent chooserIntent = new Intent(Intent.ACTION_GET_CONTENT); 
       chooserIntent.setType("image/*"); 
       startActivityForResult(chooserIntent, FILECHOOSER_RESULTCODE); 
      } 
     } 
    }); 
    alert.setOnCancelListener(new DialogInterface.OnCancelListener() { 
     @Override 
     public void onCancel(DialogInterface dialog) { 

     //here we have to handle BACK button/cancel 
      if (mUploadMessage!= null){ 
       mUploadMessage.onReceiveValue(null); 
      } 
      mUploadMessage = null; 
      dialog.dismiss(); 
     } 
    }); 
    alert.create().show(); 
5

Mike Olivier's reference wspólne Fr33dan jest ważne. Dzielę się tym, co sprawdziło się w sytuacji całkiem zbliżonej do twojej.

wv.setWebChromeClient(new WebChromeClient() { 

// For Android 3.0+ 
public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) { 
mUploadMessage = uploadMsg; 
Intent i = new Intent(Intent.ACTION_GET_CONTENT); 
i.addCategory(Intent.CATEGORY_OPENABLE); 
i.setType("image/*"); 
MainActivity.this.startActivityForResult(Intent.createChooser(i, getString(R.string.fileselect)), MainActivity.FILECHOOSER_RESULTCODE); 
} 

// For Android < 3.0 
public void openFileChooser(ValueCallback<Uri> uploadMsg) { 
openFileChooser(uploadMsg, ""); 
} 


// For Android > 4.1 
public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture){ 
openFileChooser(uploadMsg, ""); 
} 
}); 

UWAGA: Znalazłem to gdzieś w przepełnieniu stosu i m0s' blog.

Należy również zignorować ostrzeżenia o lintach. Ten działa całkiem dobrze w API 8 i wyżej.

+0

thx za ważną część dotyczącą wersji Androida – BigTarakan

+0

Wielu użytkowników nadal używa Androida 3.0 i starszych. Nawet znalazłem to w społeczności SO. :) – Chirag

+0

Nic się nie dzieje, nawet gdy wdrażam tę funkcję. I czy to nie jest rekurencyjne wywołanie funkcji? – Sagar

4

Ten kod jest w 100% przetestowany i użyłem go w mojej aplikacji. Działa dobrze

private class MyWebChromeClient extends WebChromeClient { 
    //The undocumented magic method override 
    //Eclipse will swear at you if you try to put @Override here 


    // For Android 3.0+ 
    public void openFileChooser(ValueCallback uploadMsg, String acceptType) { 
     mUploadMessage = uploadMsg; 
     Intent intent = new Intent(Intent.ACTION_GET_CONTENT); 
     intent.addCategory(Intent.CATEGORY_OPENABLE); 
     intent.setType("*/*"); 
     startActivityForResult(Intent.createChooser(intent, "File Browser"), FILECHOOSER_RESULTCODE); 
    } 

    //For Android 4.1+ only 
    protected void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) { 
     mUploadMessage = uploadMsg; 
     Intent intent = new Intent(Intent.ACTION_GET_CONTENT); 
     intent.addCategory(Intent.CATEGORY_OPENABLE); 
     intent.setType("*/*"); 
     startActivityForResult(Intent.createChooser(intent, "File Browser"), FILECHOOSER_RESULTCODE); 
    } 

    protected void openFileChooser(ValueCallback<Uri> uploadMsg) { 
     mUploadMessage = uploadMsg; 
     Intent intent = new Intent(Intent.ACTION_GET_CONTENT); 
     intent.addCategory(Intent.CATEGORY_OPENABLE); 
     intent.setType("*/*"); 
     startActivityForResult(Intent.createChooser(intent, "File Chooser"), FILECHOOSER_RESULTCODE); 
    } 

    // For Lollipop 5.0+ Devices 
    public boolean onShowFileChooser(WebView mWebView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) { 
     if (uploadMessage != null) { 
      uploadMessage.onReceiveValue(null); 
      uploadMessage = null; 
     } 

     uploadMessage = filePathCallback; 
     Intent intent = null; 
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { 
      intent = fileChooserParams.createIntent(); 
     } 
     try { 
      startActivityForResult(intent, REQUEST_SELECT_FILE); 
     } catch (ActivityNotFoundException e) { 
      uploadMessage = null; 
      Toast.makeText(getApplicationContext(), "Cannot Open File Chooser", Toast.LENGTH_LONG).show(); 
      return false; 
     } 
     return true; 
    } 
+1

miła praca dla mnie. ale gdy wybiorę galerię z selektora dokumentów w urządzeniu marshmallow, to nie otrzymam pliku. –

+0

co to jest uploadMessage? co to jest REQUEST_SELECT_FILE? – asdjfiasd

+0

uploadMessage to ValueCallback (Sprawdź kod zapytania) i REQUEST_SELECT_FILE jest dowolną liczbą całkowitą, aby śledzić to dla onActivityResult(). –

1

Kod ten pomoże rozwiązać problem

Wystarczy zaktualizować główną działalność.Java plik z kodem poniżej

public class MainActivity extends Activity{ 
    private WebView mWebview ; 
    private ValueCallback<Uri> mUploadMessage; 
    public ValueCallback<Uri[]> uploadMessage; 
    public static final int REQUEST_SELECT_FILE = 100; 
    private final static int FILECHOOSER_RESULTCODE = 1; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     requestWindowFeature(Window.FEATURE_NO_TITLE); 
     setContentView(R.layout.activity_main); 

     mWebview = (WebView) findViewById(R.id.help_webview); 
     WebSettings webSettings = mWebview.getSettings(); 
     webSettings.setJavaScriptEnabled(true); 
     webSettings.setUseWideViewPort(true); 
     webSettings.setLoadWithOverviewMode(true); 
     webSettings.setAllowFileAccess(true); 
     webSettings.setJavaScriptCanOpenWindowsAutomatically(true); 
     webSettings.setBuiltInZoomControls(true); 
     webSettings.setPluginState(WebSettings.PluginState.ON); 
     webSettings.setSupportZoom(true); 
     webSettings.setAllowContentAccess(true); 



     final Activity activity = this; 
     mWebview.setWebViewClient(new WebViewClient() { 
      public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { 
       Toast.makeText(activity, description, Toast.LENGTH_SHORT).show(); 
      } 
     }); 

     mWebview .loadUrl("http://www.google.com"); 

     String permission = Manifest.permission.CAMERA; 
     int grant = ContextCompat.checkSelfPermission(this, permission); 
     if (grant != PackageManager.PERMISSION_GRANTED) { 
      String[] permission_list = new String[1]; 
      permission_list[0] = permission; 
      ActivityCompat.requestPermissions(this, permission_list, 1); 
     } 


     mWebview.setWebChromeClient(new WebChromeClient() 
     { 
      // For 3.0+ Devices (Start) 
      // onActivityResult attached before constructor 
      protected void openFileChooser(ValueCallback uploadMsg, String acceptType) 
      { 
       mUploadMessage = uploadMsg; 
       Intent i = new Intent(Intent.ACTION_GET_CONTENT); 
       i.addCategory(Intent.CATEGORY_OPENABLE); 
       i.setType("image/*"); 
       startActivityForResult(Intent.createChooser(i, "File Browser"), FILECHOOSER_RESULTCODE); 
      } 


      // For Lollipop 5.0+ Devices 
      @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; 

       Intent intent = fileChooserParams.createIntent(); 
       try 
       { 
        startActivityForResult(intent, REQUEST_SELECT_FILE); 
       } catch (ActivityNotFoundException e) 
       { 
        uploadMessage = null; 
        Toast.makeText(MainActivity.this.getApplicationContext(), "Cannot Open File Chooser", Toast.LENGTH_LONG).show(); 
        return false; 
       } 
       return true; 
      } 

      //For Android 4.1 only 
      protected void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) 
      { 
       mUploadMessage = uploadMsg; 
       Intent intent = new Intent(Intent.ACTION_GET_CONTENT); 
       intent.addCategory(Intent.CATEGORY_OPENABLE); 
       intent.setType("image/*"); 
       startActivityForResult(Intent.createChooser(intent, "File Browser"), FILECHOOSER_RESULTCODE); 
      } 

      protected void openFileChooser(ValueCallback<Uri> uploadMsg) 
      { 
       mUploadMessage = uploadMsg; 
       Intent i = new Intent(Intent.ACTION_GET_CONTENT); 
       i.addCategory(Intent.CATEGORY_OPENABLE); 
       i.setType("image/*"); 
       startActivityForResult(Intent.createChooser(i, "File Chooser"), FILECHOOSER_RESULTCODE); 
      } 
     }); 



    } 

    @Override 
    public void onActivityResult(int requestCode, int resultCode, Intent intent) 
    { 
     if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) 
     { 
      if (requestCode == REQUEST_SELECT_FILE) 
      { 
       if (uploadMessage == null) 
        return; 
       uploadMessage.onReceiveValue(WebChromeClient.FileChooserParams.parseResult(resultCode, intent)); 
       uploadMessage = null; 
      } 
     } 
     else if (requestCode == FILECHOOSER_RESULTCODE) 
     { 
      if (null == mUploadMessage) 
       return; 
      // Use MainActivity.RESULT_OK if you're implementing WebView inside Fragment 
      // Use RESULT_OK only if you're implementing WebView inside an Activity 
      Uri result = intent == null || resultCode != MainActivity.RESULT_OK ? null : intent.getData(); 
      mUploadMessage.onReceiveValue(result); 
      mUploadMessage = null; 
     } 
     else 
      Toast.makeText(MainActivity.this.getApplicationContext(), "Failed to Upload Image", Toast.LENGTH_LONG).show(); 
    } 

Upewnij się, aby włączyć uprawnienia w AndroidManifest.xml aktualizacji następujące linie

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 
     <uses-permission android:name="android.permission.MANAGE_DOCUMENTS" /> 
     <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> 

pracował dla mnie spróbować z tym kodem.

+0

To działa, ale pozwala mi tylko przesyłać filmy wideo, ale nie wyświetlił również opcji aparatu, a tylko otworzyło okno wyboru plików. – TheLearner

+0

Więc czego dokładnie potrzebujesz, jeśli powiesz jasno, że to będzie pomocne @TheLearner –

+0

Potrzebuję załadować zdjęcia i filmy wideo do strony internetowej za pośrednictwem widoku internetowego. Chciałbym, aby użytkownik zdecydował się użyć swojego aparatu do przesłania zdjęcia, a także jeśli wybrał zdjęcie/wideo, które ma zostać przesłane do widoku WWW. – TheLearner