Question

我正在使用JavaScript运行Microsoft Azures计算机视觉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

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

   //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});

您也可以upload a file with Node。

Answer 2

尝试此代码：

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

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

Answer 3

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

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

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

3 个答案: