Javascript 将Blob追加到来自img src的FormData中
我的问题是,如何从图像src创建blob?我选择了一个图像,该图像将调整大小并显示在预览中,如下所示: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)。所以你已经有这个斑点了。只要
<img id="preview" src="blob:9047F39E-42D2-47BB-86BF-497AF106A941">
如何使用预览的src创建myBlob,然后将其附加到upload?我尝试了不同的方法,但没有成功
提前感谢。如果您有一个
blob:
URI方案,这意味着您在某个地方调用了URL.createObjectURL(blob)
。所以你已经有这个斑点了。只要把它放在你可以通过上传代码访问的地方。@kaido你是对的!,我只声明了var myBlob=new Blob()代码>在开头,我添加了行myBlob=blob在document.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");