草庐IT

BLOB_TRIGGERS

全部标签

javascript - react : Nested onclick also triggers parent

我使用slickcarousel的react版本制作了一个类似Netflix的carousel。您可以单击一个图block,然后该图block会展开以显示该图block的详细信息。例子:这要归功于Slicks处理动态高度的能力。我想在扩展部分添加一个关闭按钮(如最右侧所示)。但这就是我遇到的问题。如果我添加一个带有onClick处理程序的关闭按钮,它将始终触发显示展开部分的父级Onclick。showExpandedonclick函数只是设置一个showDetails状态。所以我的问题是:如何通过单击关闭按钮来设置状态,而不同时触发包装父级。我尝试了event.preventDefau

javascript - 将 MediaRecorder blob 发送到服务器并在后端构建文件

我正在使用nodejs和SailsJs开发一个网站。我的目标是将MediaRecorder.ondataavailable事件(返回小blob)生成的blob发送到服务器,并在完成录制后在服务器上构建完整的文件以存储它。在浏览器上,如果我将所有这些小blob插入一个数组然后执行此操作:varblob=newBlob(recordedBlobs,{type:'video/mp4'});我得到了可以轻松上传到服务器并且完全可以播放的完整文件blob。我正在使用ajax将所有这些小blob发送到服务器,在服务器端我有这个来在本地保存小blob:req.file('recordingPart'

javascript - Safari image.onload 事件不使用 Blob url 触发

我正在尝试获取此demo来自MDN,在Safari中工作。它在Chrome和FF中运行良好。具体来说,图像的onload回调似乎不会在Safari7.0.3中触发。这是一个演示此行为的jsfiddle(在打开浏览器的开发控制台的情况下运行它):http://jsfiddle.net/qrohlf/HGFZ4/1/我认为这可能是Safari中的错误-关于如何解决它的任何想法? 最佳答案 在您的jsfiddle示例中,onload事件未触发,因为发生错误。尝试附加一个onerror处理程序,您将看到它被触发。不幸的是,错误对象不会告诉您

javascript - 我怎样才能 console.log() 一个 Blob 对象?

我有一个Blob对象,我想通过记录它的值来检查它。我只能看到type和size属性。有办法做到这一点吗? 最佳答案 使用FileReader的基本示例查看blob中的内容varhtml=['HelloWorld'];varmyBlob=newBlob(html,{type:'text/xml'});varmyReader=newFileReader();myReader.onload=function(event){console.log(JSON.stringify(myReader.result));};myReader.rea

javascript - 在javascript中显示来自blob的图像

我正在使用localstoragehtml5。首先,我将mysql数据库值保存到本地存储中,然后我在我想要的地方获取。它很好。我想将图像(如产品图像)保存到本地存储中,然后想在我想要的地方显示它们,我做了一个实验,因为我在mysql中将图像保存在blob中,我能够使用php获取和显示它们,但我不想在这里使用php,目的是离线工作。我无法通过显示图像javascript谁能帮帮我??可能有两种方式,一个是我们可以在javascript中将图像(我必须到图像的路径)编码成某种字符串,然后我可以在任何地方显示它吗?第二种方式..正如我所说,我将它保存在blob中,我可以使用javascrip

javascript - 在 IE 11 中从 HTTP URL 下载 blob

我的页面生成这样的URL:blob:http%3A//localhost%3A8383/568233a1-8b13-48b3-84d5-cca045ae384f,blob包含文件数据。我正在除IE11之外的所有浏览器中将其作为文件下载。如何在IE11中下载此blob?将打开一个新选项卡并持续刷新。varfile=newBlob([data],{type:'application/octet-stream'});varreader=newFileReader();reader.onload=function(e){vartext=reader.result;}reader.readAsA

javascript - IE 和 javascript : efficient way to decode (and render) b64-encoded PDF blob

必须有一种方法可以更有效地做到这一点。我所做的在概念上非常简单:1)调用网络服务并接收PDFblob的b64编码字符串。2)解码,创建blob,在新窗口中呈现PDF。考虑弹出窗口拦截器。我的代码有效。没有什么花哨。它的所有客户端。一切正常,但与其他浏览器相比,IE运行速度super慢(IE11与当前的Chrome/Firefox/Safari)。鉴于此,我确信我可以更有效地做到这一点。关于如何为IE11加快速度的任何提示?注意:我使用的是Jeremy的b64toBlob函数(感谢Jeremy)。第一部分:模态内容varbox=newSimpleDialog(Dialogs.getNex

javascript - 如何为所有用户提供 blob 和良好的文件名?

我有一个PDF文件作为blob对象。我想为我的用户服务,现在我正在做:html='';这对于想要使用浏览器内置PDF工具的人来说效果很好。但是...有些人将他们的浏览器设置为自动下载PDF。对于这些人,下载文件的名称是一些基于blobURL的随机字符串。这对他们来说是一次糟糕的经历。我知道我也可以:但这对于想要使用浏览器内PDF阅读器的人来说是一种糟糕的体验,因为这会迫使他们下载文件。有没有办法让每个人都拥有好的文件名,并允许每个人以他们想要的方式阅读PDF(在他们的浏览器或操作系统的阅读器中)?谢谢 最佳答案 至少看看Google

javascript - 在javascript中压缩一个blob

我需要使用ajax向服务器发送一个blob,但它最终可能会变得有点大,我想减少上传时间。我已经尝试过jszip,但这只是在zip中给了我一个空文件。我也尝试过btoa(),但事实证明编码值最终只是[objectBlob]而不是实际的blob数据。我有哪些压缩blob的选项?这是我用于jszip的代码:varzip=newJSZip();zip.file("recording.wav",blobFile);varcontent=zip.generate();然后我将“内容”附加到FormData对象并将其发送到服务器。在服务器端,我解码了POST数据(来自base64)。zip文件打开得

javascript - Windows Edge 和打开 blob url

这个问题在这里已经有了答案:OpenlinksmadebycreateObjectURLinIE11(5个答案)关闭5年前。尝试在WindowsEdge(20.10240.16384,这是Microsoft提供的IE11VM中的版本)中打开一个带有bloburl的新窗口时,我得到了一些奇怪的结果。varxhr=newXMLHttpRequest();xhr.open('POST',sourceUrl,true);xhr.responseType='blob';xhr.onload=function(e,form){if(this.status==200){varblob=this.re