第一步
在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