事实上,我不确定我所问的是否正是我需要的,即选择几个图像临时保存在我的服务器文件夹中,然后单击一个按钮将它们永久存储。
我想要做的是能够可视化它们,然后保存它们,获得它们的名字。
到目前为止,我没有任何高级代码,因为我迷路了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vista Previa</title>
</head>
<body>
<center>
<input type="file" name="archivo" id="imagen">
<button id="guardar">Guardar</button>
<div id="preview">
<!-- Lugar donde se mostraran las imagenes -->
</div>
</center>
</body>
</html>
一种选择是使用 Interface URL,特别是它的createObjectURL方法来表示
File
在input
要查看它们,您可以使用 html5 FileReader。
如果您希望能够暂时保存某些图像,然后决定是否将它们保存在您的服务器上,最好将它们保存在客户端的计算机上。
有一些替代方法可以做到这一点:
如果您决定使用 localStorage,则需要存储 base64,因为这样的图像是不可能的,您将拥有类似于具有 base 64 的功能:
并存储在本地存储中
这些图像可以在客户端的计算机上列出,然后将选定的图像上传到您的服务器。
使用以下代码,您将能够选择多个图像,这些图像将显示在具有不同id的独立img 标签中,以便您以后可以处理它们。
我希望它对你有帮助。问候。