Javascript 使用Chrome扩展名将更改为输入URL而不是用户选择的图像文件

我正在开发一个扩展，它可以自动从网站获取信息，并用表单打开另一个网站，然后用原始网站的信息填充它。到目前为止，它工作得完美无缺，但我也想自动将原始网站的图像上传到具有该表单的网站

在具有表单的网站中，有以下HTML元素：

<div id="input_area">
   <input type="file" accept="image/*" name="image" size="20" id="image" 
   onchange="blocket.apps.newad.click_extra_images(this);" style="left: -154px; top: 16px;">
</div>

---

然而，我找不到一种方法来附加要上传的URL。我也读过关于blob的文章。Blob显然是从URL获取数据的一种方式。但是，我不知道如何将blob或文件附加到该输入。我也尝试过将URL作为上传值，但这会导致页面出错。

问题不是很一般，但你不应该在用户上传图像时尝试获取图像地址，而是在上传后，如你所说

由于上传后整个页面被重新加载，您可以尝试查看元素img_0 img_1，img_2。。。等等。然后保存源代码或下载文件

if(document.getElementById("img_0")) {
   var image_url = document.getElementById("img_0").src;
   saveImageURL2DB(image_url);
}

你必须修剪实际的网址一点，因为他们正在使用大量的重定向。实际的图像缩略图与此url类似

<img id="img_0" src="https://img.tori.fi/image/thumbs/30/100001.jpg" alt="">

您可以通过这些URL获得中等或完整图像

https://images.tori.fi/api/v1/imagestori/images/100001.jpg?rule=medium_660
https://images.tori.fi/api/v1/imagestori/images/100001.jpg?rule=big

它认为数据库中的blob数据类型与此无关，除非您希望将实际图像文件保存到数据库中，而不仅仅是使用tori.fi的图像文件

https://images.tori.fi/api/v1/imagestori/images/100001.jpg?rule=thumbs

https://images.tori.fi/api/v1/imagestori/images/100001.jpg?rule=medium_660
https://images.tori.fi/api/v1/imagestori/images/100001.jpg?rule=big