如何通过javascript将图像的数据uri上传到输入的文件中？

我有这行代码

<div class="user-post-image"> </div>
<input type="file" name="upload-image" id="upload-image" required />

，我已将其保存到电脑中，但我不想。当我实际上传此图像时，该网页会使用

<img src='data:image/png;base64....'> 

---

我上传的图片。所以我试图通过javascript改变这个（div），但它不允许我继续。它需要在输入元素上获得某种值，不幸的是，这是必需的。如何通过“给”输入文件标记图像的数据uri“值”来上传图像？

从您模糊的回答中，我假设您有一个函数可以自动将输入文件转换为DIV

所以，这可能是一个克隆的。从那里，您可以通过AJAX函数将文件发送到服务器或其他地方

var img = document.getElementsByClassName("user-post-image")[0]; //Get img data
var blob = dataURItoBlob(img); //Converts to blob using link above
var form = new FormData();
form.append("image", blob);
ajax.send(form); //The possible data sent.

---

除此之外，您可能还需要提供更多关于“继续前进”含义的信息。

继续前进是指单击“提交”。我有一个python脚本，可以获取图像，将其转换为URI，将其插入一段HTML代码，然后通过javascript将其注入

div

元素。但这无关紧要。只有用户才能看到他上传的图像。如果表单没有必需的字段，则无法提交表单。所以我想将图像URI注入document.forms[1]（这是我想要的表单）。数据发送不是一个问题。在哪里（我在哪里）找到放入form.append（）的“image”字符串？这是名字，身份证属性吗？如果你只是想要src，你就不能。。document.getElementsByTagName（“IMG”）[0].src？这会给出数据uri？我想你误解了。我不想为了从服务器上获取一些东西而使用javascript。我想在odrer中操作一个提交表单，通过单击或启动提交页面上的提交将数据发送到服务器，提交页面的输入文件具有我知道的“值”。我有图像URI，我想以编程方式将其作为文件发送，就像我下载并用鼠标选择它一样。

var img = document.getElementsByClassName("user-post-image")[0]; //Get img data
var blob = dataURItoBlob(img); //Converts to blob using link above
var form = new FormData();
form.append("image", blob);
ajax.send(form); //The possible data sent.