基于angular下的ionic上传头像到后端服务器，form表单的submit按钮失效! 解决方法

第一步

在HTML页面写表单因为submit失效所以创建一个button绑定事件， 代码如下

<form   action="http://127.0.0.1:3000/upload" method="POST" enctype="multipart/form-data">
<input type="file" name="mypic" (change)="pic_r($event)" accept="image/*"/>
</form>
<button (click)="file()" class="fail_btn_l" type="submit">上传文件</button>

第二步

在js文件上写绑定的事件，手动调用表单

//  上传图片按钮
file(){
    var form=document.querySelector("form");
    form.submit();
}

input绑定的事件可以得到上传图片名

//  上传图片的事件
 pic_r(e){
   this.pic=e.target.value;
 }
// IMG_20190817_163103.jpg 图片名

第三步

后端接收传来的图片保存在托管的目录下并保存到数据库 代码如下:

var upload=multer({dest:"./public/upic/"})
app.post("/upload