如何获取上传文件的名称、大小和类型？ - JavaScript 上传文件技巧

在Web浏览器中，由于安全性的限制，JavaScript无法直接获取上传文件的本地路径。这是为了保护用户的隐私和防止恶意网站滥用访问用户文件系统的能力。\n\n当用户选择文件并上传时，浏览器会将文件的数据发送到服务器，而不会提供文件的本地路径给JavaScript。服务器接收到文件后，可以对文件进行处理和存储。\n\n如果你需要获取文件的名称、大小或类型等信息，可以使用File对象的属性，例如：\n\njavascript\nvar fileInput = document.getElementById('fileInput');\nvar file = fileInput.files[0]; // 获取第一个选择的文件\n\nconsole.log(file.name); // 文件名称\nconsole.log(file.size); // 文件大小（字节）\nconsole.log(file.type); // 文件类型\n\n\n如果你需要在上传文件后在页面上显示文件的预览图或其他操作，可以使用FileReader对象来读取文件的内容。例如：\n\njavascript\nvar fileInput = document.getElementById('fileInput');\nvar file = fileInput.files[0]; // 获取第一个选择的文件\n\nvar reader = new FileReader();\nreader.onload = function(e) {\n var fileContent = e.target.result; // 文件内容\n // 在页面上显示文件预览图或其他操作\n};\nreader.readAsDataURL(file); // 读取文件内容\n\n\n请注意，以上代码只是获取文件的名称、大小、类型和内容，并不是获取文件的本地路径。