Express实现图片上传

ゝ一世哀愁。 2022-10-01 09:48 111阅读 0赞

首先在node下面下载Express以及multer

npm i expressnpm i multer复制代码

然后写代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <form method="POST" action="/uploads" enctype="multipart/form-data"> <input type="file" value="上传" name="files"> <input type="submit"> </form> </body> </html> 复制代码

再启动node就可以实现图片上传，接下来是多个图片上传

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <form method="POST" action="/uploads" enctype="multipart/form-data"> <input type="file" value="上传" name="flies"> <input type="file" value="上传" name="flies"> <input type="submit"> </form> </body> </html> 复制代码

只需略微修改便可以

转载于:https://juejin.im/post/5cc8e8196fb9a0324936c178