Javascript 使用路径读取图像文件

是否可以使用绝对路径从本地光盘读取

javascript

或

typescript

中的图像文件

我读到，出于安全原因，浏览器不允许访问绝对路径和文件系统

这是真的吗？。或者有没有办法访问本地文件？

您试过这个吗

从链接：

FileReader对象允许web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用File或Blob对象指定要读取的文件或数据

---

嘿，您可以从浏览器上的页面选项保存页面，并可以使用绝对路径附加图像

通过在浏览器的右键单击选项上单击“另存为”以本地方式保存网站页面，并可以使用绝对或相对路径设置任何本地图像

如果您只想读取文件的内容，则无需请求用户输入即可。比如：

document.getElementById（“文件上传”）.addEventListener（“更改”，函数（）{
警报（此.files[0].name）
});
您无法从路径读取浏览器中的文件。要读取文件内容，您需要一个对象，该对象由
输入或通过拖放生成

换句话说，您需要用户给您提供要读取的文件-您不能简单地从硬盘读取任意文件（有充分的理由-我们不希望网站能够简单地读取我们的所有文件）。
以下是使用javascript读取区域设置文件
test.csv
的示例代码：



//检查各种文件API支持。
if（window.File&&window.FileReader&&window.FileList&&window.Blob）{
log（“支持文件API！”）；
}否则{
console.log（'此浏览器不完全支持文件API'）；
}
//在与此.html相同的路径中创建test.csv
$.get（'test.csv'，函数（数据）{
控制台日志（数据）；
});
如果你只是想阅读，这是可能的。但据我所知，编写/编辑文件是不可能的。它正在正确加载，您看到的错误是因为在服务器上没有
test.csv
只需复制粘贴
index.html
中的html代码，然后在同一路径中编写一个虚拟
test.csv
。在浏览器中打开是的，我尝试了这个，当我们不使用路径时，这是一个很好的选择。返回的文件也不包含文件的路径。我认为不可能从javascript获得绝对路径。如果可能的话，网页可以读取整个文件系统，而无需在您的计算机上安装任何东西。您是否认为在project中使用文件创建资产并在

是你最好的选择。另一种选择是让客户端应用程序在用户的计算机上运行，并通过它将文件发送到服务器，但我可能超出您的需要。@Brijolaxew这很适合在project中创建资产，并将其存储在assets目录中，稍后在中使用