Javascript 我应该如何使用html5 js将图像从用户发送到目录?
因此,我尝试设置一个东西,从用户那里获得一个带有html文件输入的图像,然后在选择该图像时预览该图像。现在,我想将给定的图像发送到一个目录,显示它,然后删除该文件。我知道如何在node.js中实现这一点,但由于我无法在浏览器中使用node.js,因此我不知道如何实现这一点。下面是我在node.js中的操作方法:Javascript 我应该如何使用html5 js将图像从用户发送到目录?,javascript,html,Javascript,Html,因此,我尝试设置一个东西,从用户那里获得一个带有html文件输入的图像,然后在选择该图像时预览该图像。现在,我想将给定的图像发送到一个目录,显示它,然后删除该文件。我知道如何在node.js中实现这一点,但由于我无法在浏览器中使用node.js,因此我不知道如何实现这一点。下面是我在node.js中的操作方法: window.onload = function(e) { const chooseImg = document.getElementById("myFile")
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。但是,由于我不知道其他方法,这是我唯一能表达我想做的事情的方法。你不能将文件保存到浏览器中的目录中。请检查以下内容:这是否回答了你的问题?