如何使用HTML :: form在Cordova 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已導致文件上傳與webviews的重大回歸。您可以使用cordova plugin to open the file picker dialog using native code解決該問題。