尝试使用表单中的图像选择器插件上传图像时，cordova 应用程序会刷新

Question

当我尝试使用图像选择器插件在表单中添加图像时，应用会刷新。但是当我尝试在表单之外添加图像时它工作正常。谁能指导我我做错了什么？这是我试过的

 <form id="formDemand" enctype="multipart/form-data" target="#">
 <div class="row no-gutter">
   <div class="col-lg-12" id="sglUp">
    <button  id="addImgCor">Add Image</button>
    <img id="newimage" src="" style="display:none;width:100%;">
  </div>
 </div>
 </form>

js脚本写在backbone视图

addImgCor: function(){
     window.imagePicker.getPictures(
         function(results) {
             for (var i = 0; i < results.length; i++) {
                 console.log('Image URI: ' + results[i]);
             }
         }, function (error) {
             console.log('Error: ' + error);
         }, {
             maximumImagesCount: 10,
             width: 800
         }
     );
     } 

Answer 1

尝试将类型附加到按钮，正确的是 <button type="button">，许多浏览器的默认行为是在点击按钮后发送表单（因为它获得 submit 作为默认类型） .