如何在 JavaScript 中定义本地文件的路径

Question

我Microsoft正在使用JavaScript运行Azure的计算机视觉OCR，只能上传带有HTML地址的图像。

var sourceImageUrl = document.getElementById("inputImage").value;
document.querySelector("#sourceImage").src = sourceImageUrl;

我想从本地源上传图像以复制此python代码：

image_path = '/Users/FelixWallis/Desktop/Flask_t1/files'
image_data = open(image_path, "rb").read()

这可能吗，如果可能，如何？

Answer 1

您可以尝试使用"file"协议：file:///Users/FelixWallis/Desktop/Flask_t1/files/my_image.jpg

或者使用启动本地 Web 服务器并将文件添加到静态文件中。

Answer 2

不，不要那样做。我假设您有一个类型为文件的输入元素。

//html code
<input type="file" id="image-file" />   
let image = document.getElementById("image-file").files[0];
let formData = new FormData();
formData.append("photo", photo);
fetch('/upload/image', {method: "POST", body: formData});

您也可以使用 Node 上传文件。

Answer 3

试试这段代码：

image_path = 'file:///C:/Users/FelixWallis/Desktop/Flask_t1/files'

这将从用户的桌面上选择一个文件。