草庐IT

blob-image

全部标签

javascript - 如何从 JavaScript 中的 URL 获取 File() 或 Blob()?

我尝试从URL(使用ref().put(file))(www.example.com/img.jpg)将图像上传到Firebase存储。为此,我需要一个文件或Blob,但每当我尝试newFile(url)时,它都会说“没有足够的参数”......编辑:我实际上想上传整个目录的文件,这就是我无法通过控制台上传它们的原因 最佳答案 尝试使用fetchAPI.你可以像这样使用它:fetch('https://upload.wikimedia.org/wikipedia/commons/7/77/Delete_key1.jpg').then

javascript - 代表 PDF 到 blob 的 Base64 - JavaScript

我有一个表示PDF文件的Base64字符串。我想使用javascript将它转换为包含Blob对象的文件。完成后,我想使用FileSaver.js将blob保存为PDF文件。这是我的代码:varbase64PDF=JVBERi0xLjQNCiW0t..;//Thisisahugestring.varblob=newBlob([base64PDF],{type:'application/pdf'});saveAs(blob,"test.pdf");此代码无效。它保存了一个test.pdf,表示它无法打开此pdf,因为解码时出现错误。我也试过这样做:varbase64PDF=JVBERi0

javascript - 检查变量是否包含 File 或 Blob

Javascript有File和Blob来表示文件,两者几乎是一回事。有没有一种方法可以检查变量是否包含File或Blob类型的数据? 最佳答案 最简单的方法:a=newFile([1,2,3],"file.txt");b=newBlob([1,2,3]);c="somethingelseentirely";ainstanceofFile>truebinstanceofFile>falsecinstanceofFile>false 关于javascript-检查变量是否包含File或Bl

javascript - `new Image()` 和 `new Option()` 等构造函数记录在哪里?

不是在Mozilla,而是:图片:感谢Rickard用于识别http://www.w3.org/html/wg/drafts/html/CR/embedded-content-0.html#dom-image提供DOM接口(interface)构造函数的详细信息。对于选项:http://www.w3.org/html/wg/drafts/html/CR/forms.html#dom-option还给出了DOM接口(interface)构造函数的详细信息。(发现使用:http://www.google.com/search?client=ubuntu&channel=fs&q=const

javascript - 打开一个新窗口,其中包含从 XMLHttpRequest 返回的 blob 对象中的 PDF 数据

在JavaScript中,我正在向生成PDF并返回PDF数据的服务器发出XMLHttpRequest。在Chrome中,我可以像这样在新窗口/标签页中打开此数据:window.open(URL.createObjectURL(RETURNED_DATA));其中RETURNED_DATA是从XHR返回的实际数据。在IE10中(我假设是旧版本的IE),尝试使用DOMStringwindow.open()时出现“权限被拒绝”从URL.createObjectURL()返回的对象我已经尝试了各种版本,例如在发送XHR之前打开新窗口并在XHR回调中更新新窗口的位置,以及使用仅包含XHR的简单H

javascript - Blob 视频时长元数据

这个问题在这里已经有了答案:HowcanIaddpredefinedlengthtoaudiorecordedfromMediaRecorderinChrome?(5个答案)关闭4年前。我正在编写一个在Firefox中操作相机流视频的软件。我正在生成一个Blob,其视频类型是使用MediaRecorderAPI录制的。我正在使用FileSaver库将blob保存为本地存储中的视频:FileSaver.saveAs(BlobVideo,"video.mp4");视频似乎没有任何最长持续时间,因此我无法在VLC中新生成的视频的时间轴中导航,例如。有没有办法在blob视频上设置持续时间元数据

javascript - Blob 会持续多久?

我正在尝试编写一个故障安全程序,使用Canvas绘制非常大的图像(60MB可能是上限,而10MB是下限)。很久以前就发现调用canvas的同步函数toDataURL通常会导致页面在浏览器中崩溃,所以我将程序适配为使用toBlob方法使用filler为了跨浏览器的兼容性。我的问题是:使用URL.createObjectURL(blob)方法的BlobURL能持续多久?我想知道是否有一种缓存BlobURL的方法,允许它在浏览器session之后持续存在,以防有人想在某一时刻渲染部分图像,关闭浏览器,然后返回并完成稍后通过再次将BlobURL读入Canvas并从它停止的点继续。我注意到thi

javascript - 如何在 jQuery 中使用 CSS 'background-image' 属性添加图像绑定(bind)点击事件

这是我的fiddlelink我想我的问题本身就很清楚了。不过,我正在寻找的是一种绑定(bind)click的方法。使用css添加的图像上的事件background-image属性(property)。我知道,我可以通过简单地定位来实现类似的功能(将图像放在输入字段上使用thisway或thisway)标记input框,然后处理所需的事件,但对于宽度和高度不同的输入字段,或者如果包装div没有position:relative;,这种方式似乎不太灵活。作为其属性(property)。如果在使用background-image加载的图像上添加事件不可能那么如何使后面的方法更灵活。希望我已经

javascript - 拖放 : How to get the URL of image being dropped if image is a link (not the url of the link)

我有这个代码:functiondrop(evt){evt.stopPropagation();evt.preventDefault();varimageUrl=evt.dataTransfer.getData('URL');alert(imageUrl);}FIDDLE如果你放下元素它会提醒图像的url。到目前为止一切顺利。我的问题是,如果您删除元素它会提醒href的url的元素。我想提醒的网址内的元素就像您在上面的示例中放下图像一样。这可能吗?我不介意使用Jquery或任何其他库。我只想获取中图像的url元素。重点是将其他网站的图片链接拖到我的网站并获取图片的url。为了更清楚地说明

javascript - 在 karma 环境中的 Blob 中使用 importsScripts

我正在使用karma和jasmine进行我的一个小项目。我的目标浏览器是chrome32。我正在尝试在我通过blob实例化的webworker中导入脚本,如下所示:describeAsyncAppliPersephone("WhentheapplicationprojecttoDOM",function(){it("itshouldcallthefunctionofDomProjectionintheprojectassociatedwithitsevent",function(){vareventSentBack={eventType:'testReceived',headers:{