Javascript 我应该如何使用html5 js将图像从用户发送到目录?

Javascript 我应该如何使用html5 js将图像从用户发送到目录?,javascript,html,Javascript,Html,因此,我尝试设置一个东西,从用户那里获得一个带有html文件输入的图像,然后在选择该图像时预览该图像。现在,我想将给定的图像发送到一个目录,显示它,然后删除该文件。我知道如何在node.js中实现这一点,但由于我无法在浏览器中使用node.js,因此我不知道如何实现这一点。下面是我在node.js中的操作方法: window.onload = function(e) { const chooseImg = document.getElementById("myFile")

因此,我尝试设置一个东西,从用户那里获得一个带有html文件输入的图像,然后在选择该图像时预览该图像。现在,我想将给定的图像发送到一个目录,显示它,然后删除该文件。我知道如何在node.js中实现这一点,但由于我无法在浏览器中使用node.js,因此我不知道如何实现这一点。下面是我在node.js中的操作方法:

window.onload = function(e) {
  const chooseImg = document.getElementById("myFile"), img = document.getElementById('imgPreview');
  //Event Listener
  chooseImg.addEventListener("change", function(ev) {
    //get the file name
    let imgPath = chooseImg.value.split('\\')[2];
    //Create the file in ./_temp/
    fs.open(`./_temp/${imgPath}`, 'w', function (err, file) {
      if (err) throw err;
    });
    //Display the image
    img.src = `./_temp/${imgPath}`;
    //Delete the file
    fs.unlinkSync(`./_temp/${imgPath}`);
  }, false);
}

chooseImg
是我的标记,
img
是我要显示图像的
元素。我想我需要使用blob,但我不知道blob是如何工作的,也不知道如何使用它们。

fs是Node对吗?是的,fs是Node。但是,由于我不知道其他方法,这是我唯一能表达我想做的事情的方法。你不能将文件保存到浏览器中的目录中。请检查以下内容:这是否回答了你的问题?