Question

是否可以使用硬编码文件名？

我想阅读图片文件。

我有硬编码的文件名，如'/Users/Desktop/1.jpg'，我想用这个作为档案。

我想将此“/Users/Desktop/1.jpg”类型更改为文件。

var imageURL = '/Users/Desktop/1.jpg';

new File(imageURL);

alert(typeof(imageURL));  // I want this as a File

Answer 1

最简单的方法是在<input type="file">元素上单击或拖放文件。

<input type="file" accept="image/*">
<script>
  const input = document.querySelector("input");
  input.onchange = function(event) {
    const file = event.target.files[0];
    console.log(file);
  }
</script>

如果文件是使用CORS标头提供的，您可以使用Image构造函数请求该文件，并将<img>引用传递给canvas.toBlob()，然后将Blob引用传递给{{ 1}}构造函数，可选择设置File对象的名称。

使用File和fetch()获取Response.blob()图片时，必须使用CORS标头。

请注意，如果使用Chrome或Chromium浏览器在本地文件系统中请求文件，您可以启动带有Blob标记的Chrome或Chromium浏览器，以便通过JavaScript和HTML访问本地文件系统，请参阅Read local XML with JS。

如何使用javascript / jquery读取硬编码的图像文件

1 个答案: