Javascript 将Blob追加到来自img src的FormData中

Javascript 将Blob追加到来自img src的FormData中,javascript,blob,Javascript,Blob,我的问题是,如何从图像src创建blob?我选择了一个图像,该图像将调整大小并显示在预览中,如下所示: <img id="preview" src="blob:9047F39E-42D2-47BB-86BF-497AF106A941"> 如何使用预览的src创建myBlob,然后将其附加到upload?我尝试了不同的方法,但没有成功 提前感谢。如果您有一个blob:URI方案,这意味着您在某个地方调用了URL.createObjectURL(blob)。所以你已经有这个斑点了。只要

我的问题是,如何从图像src创建blob?我选择了一个图像,该图像将调整大小并显示在预览中,如下所示:

<img id="preview" src="blob:9047F39E-42D2-47BB-86BF-497AF106A941">
如何使用预览的src创建myBlob,然后将其附加到upload?我尝试了不同的方法,但没有成功


提前感谢。

如果您有一个
blob:
URI方案,这意味着您在某个地方调用了
URL.createObjectURL(blob)
。所以你已经有这个斑点了。只要把它放在你可以通过上传代码访问的地方。@kaido你是对的!,我只声明了
var myBlob=new Blob()在开头,我添加了行
myBlob=blobdocument.getElementById('preview').src=window.URL.createObjectURL(blob)中添加src后,代码>将其添加到文档中仅此而已。用
formData.Append(“file”,myBlob,“resize.png”)追加新图像。非常感谢。您可以只声明
var myBlob空白,而不是创建一个空的无用的blob对象。
var formData = new FormData();    
formData.append("file", myBlob, "resize.png");