我试图在Javascript中获取所选图像文件的Base64/DataURL。用户基本上通过文件输入控件选择图像并生成数据URL。但是，我收到此错误:UncaughtTypeError:Failedtoexecute'drawImage'on'CanvasRenderingContext2D':Theprovidedvalueisnotoftype'(HTMLImageElementorHTMLVideoElementorHTMLCanvasElementorImageBitmap)'HTML:Javascript:functiontestit(event){varmyImage=UR

我试图在Javascript中获取所选图像文件的Base64/DataURL。用户基本上通过文件输入控件选择图像并生成数据URL。但是，我收到此错误:UncaughtTypeError:Failedtoexecute'drawImage'on'CanvasRenderingContext2D':Theprovidedvalueisnotoftype'(HTMLImageElementorHTMLVideoElementorHTMLCanvasElementorImageBitmap)'HTML:Javascript:functiontestit(event){varmyImage=UR

下面我创建了一个简单的测试用例，显示当img标签的src设置为不同的dataUrls时，它会泄漏内存。看起来图像数据在src更改为其他内容后从未被卸载。LeakTestcanvas=null;context=null;image=null;onLoad=function(event){canvas=document.getElementById('canvas');context=canvas.getContext('2d');image=document.getElementById('image');setTimeout(processImage,1000);}processIma

下面我创建了一个简单的测试用例，显示当img标签的src设置为不同的dataUrls时，它会泄漏内存。看起来图像数据在src更改为其他内容后从未被卸载。LeakTestcanvas=null;context=null;image=null;onLoad=function(event){canvas=document.getElementById('canvas');context=canvas.getContext('2d');image=document.getElementById('image');setTimeout(processImage,1000);}processIma

我有一个来自显示我的网络摄像头的Canvas的DataURL。我使用Matt在这里的回答将这个dataURL变成一个blob:HowtoconvertdataURLtofileobjectinjavascript?如何将此blob转换回相同的DataURL？我花了一天时间研究这个，我很惊讶没有更好的记录，除非我是盲人。编辑:有varurlCreator=window.URL||window.webkitURL;varimageUrl=urlCreator.createObjectURL(blob);但它只返回一个非常短的URL，似乎指向本地文件，但我需要通过网络发送网络摄像头数据。

我有一个来自显示我的网络摄像头的Canvas的DataURL。我使用Matt在这里的回答将这个dataURL变成一个blob:HowtoconvertdataURLtofileobjectinjavascript?如何将此blob转换回相同的DataURL？我花了一天时间研究这个，我很惊讶没有更好的记录，除非我是盲人。编辑:有varurlCreator=window.URL||window.webkitURL;varimageUrl=urlCreator.createObjectURL(blob);但它只返回一个非常短的URL，似乎指向本地文件，但我需要通过网络发送网络摄像头数据。

我需要将dataURL转换为Javascript中的文件对象，以便使用AJAX发送它。可能吗？如果是，请告诉我怎么做。 最佳答案 如果你需要通过ajax发送它，那么就不需要使用File对象，只需要Blob和FormData对象.正如我旁注的那样，您为什么不通过ajax将base64字符串发送到服务器并将其转换为二进制服务器端，例如使用PHP的base64_decode？无论如何，符合标准的代码来自thisanswer适用于Chrome13和WebKitnightlies:functiondataURItoBlob(dataURI){

我需要将dataURL转换为Javascript中的文件对象，以便使用AJAX发送它。可能吗？如果是，请告诉我怎么做。 最佳答案 如果你需要通过ajax发送它，那么就不需要使用File对象，只需要Blob和FormData对象.正如我旁注的那样，您为什么不通过ajax将base64字符串发送到服务器并将其转换为二进制服务器端，例如使用PHP的base64_decode？无论如何，符合标准的代码来自thisanswer适用于Chrome13和WebKitnightlies:functiondataURItoBlob(dataURI){

是否可以从POST接收到的dataURL创建并显示图片文件？像这样的东西:我不能使用标签来显示它。它需要像“普通”图像文件一样工作。 最佳答案 是的，尝试:编辑:确保清理你的$_POST，这样人们就不会插入危险的垃圾... 关于php-从dataURL创建/显示图像，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/6417720/

我有以下数据data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAADSCAMAAACmVC/YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFk