用javascript将img src中的图片添加到表单数据中。

Question

我有一个div，里面有一个img标签，我插入了一个图片（例如："imgflower.png"）。我插入了一张图片（例如："imgflower.png"）。在点击按钮时，有什么方法可以把这个图片附加到表单数据中，从而在node.js中把它们上传到服务器？是否可以不使用表单数据上传？

    <div id="sampleDiv">
    <img src="img/flower.png" id="flower" alt="Rose Flower" />
    </div>
    <input type="button" id="button" value="Upload" name="submit" />
    var form=new Form Data();
    form.append("image",document.getElementbyId("flower").src);

Answer 1

在点击按钮时，我如何将这些图片添加到表单数据中，以便将它们上传到服务器上？

https:/developer.mozilla.orgpt-BRdocsWebAPormDataappend。

你可以像使用FileReader一样将图像转换为文件。

从<输入文件>加载图像到<img&gt。

https:/developer.mozilla.orgpt-BRdocsWebAPIFileReader。