html+js使用表单上传图片到指定文件夹

可以使用以下步骤实现在HTML和JavaScript中上传图片并将其保存到指定文件夹：

1. 在HTML中创建一个表单，并设置表单的enctype属性为"multipart/form-data"，以便能够上传文件：

<form action="#" method="post" enctype="multipart/form-data">
  <input type="file" name="image" id="image">
  <input type="submit" value="Upload">
</form>

2. 在JavaScript中，使用XMLHttpRequest对象创建一个POST请求，将表单数据发送到服务器：

var form = document.querySelector('form');
var fileInput = document.querySelector('input[type="file"]');
var formData = new FormData();

formData.append('image', fileInput.files[0]);

var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');
xhr.send(formData);

3. 在服务器端接收请求，并将上传的文件保存到指定文件夹中：

var express = require('express');
var multer  = require('multer');

var app = express();
var upload = multer({ dest: 'uploads/' });

app.post('/upload', upload.single('image'), function (req, res, next) {
  // file is uploaded to req.file.path
  // move it to the specified folder
  var fs = require('fs');
  var oldPath = req.file.path;
  var newPath = 'myfolder/' + req.file.originalname;

  fs.rename(oldPath, newPath, function (err) {
    if (err) throw err;
    res.send('File uploaded and moved!');
  });
});

在上面的代码中，使用了multer中间件来处理上传的文件，将其保存到指定目录中。然后使用fs模块的rename方法将文件从临时目录移动到指定目录中。

注意：这只是一个简单的上传文件的示例，实际应用中还需要进行一些安全性检查，例如检查文件类型和大小，防止文件上传攻击等。