Как использовать HTML :: форму для загрузки файла в Кордове Webview?

Question

Я пытаюсь использовать CordovaWebview для загрузки файла.

И я следую примеру here. Это так:

<form id="file-attachment-form" action="http://192.168.1.100/web/app.php/api/rest/users/264372155.json"> 

     <div data-role="fieldcontain"> 
      <label for="attachment">Attachment:</label> 
      <input type="file" name="attachment" id="attachment"/> 
     </div> 

     <input type="submit" value="Submit"/> 
</form> 

и js - вот так, на самом деле это не так важно.

$('#file-attachment-form').submit(function() { 

     formData = new FormData($(this)[0]); 

     $.ajax({ 
      type:'POST', 
      url:$('#file-attachment-form').attr('action'), 
      data:formData, 
      contentType: false, 
      processData: false, 
      error:function (jqXHR, textStatus, errorThrown) { 
       alert('Failed to upload file') 
      }, 
      success:function() { 
       alert('File uploaded') 
      } 
     }) 

Проблема возникает, когда я прикрепляю файл к форме.

Я нажимаю на кнопку «файл» и выбираю файл, затем нажмите «ОК», он сработает.

Но он отлично работает в веб-браузере для Android. Поэтому я думаю, что проблема заключается в том, что вы выбираете файл из собственного файлового браузера Android.

И идея на этом?

Answer 1

Возможно, вы используете современный Android (например, 4.4)? Потому что Issue 62220 вызвал серьезную регрессию при загрузке файлов с помощью веб-просмотров. Вы можете обойти проблему, используя cordova plugin to open the file picker dialog using native code.