jjzjj

createObjectURL

全部标签

javascript - FileReader 与 window.URL.createObjectURL

我正在构建一个移动网站,我想使用CameraAPI来拍照。图片应显示在网站上并上传到服务器。根据introductiontotheCameraAPIonMDN可以使用FileReader或window.URL.createObjectURL在网站上访问和显示图像。我tested这些可能的解决方案在iPad(Safari和Chrome)和Android平板电脑(Chrome和Firefox)上成功运行。FileReader和window.URL.createObjectURL有什么区别?我认为window.URL.createObjectURL较新,但还不是标准。性能有区别吗?

javascript - window.URL.createObjectURL(blob);在我的应用程序中未定义

无论浏览器(IE和Chrome)如何,我只在我的应用程序中遇到这个问题。如果我在两个浏览器的任何其他页面的控制台中检查window.URL.createObjectURL(blob),它工作正常。但它window.URL.createObjectURL(blob)仅在我打开我的应用程序的选项卡中变得未定义:(我不确定,哪个库正在删除“createObjectURL”方法。以下是我的脚本我不知道如何获取window.URL.createObjectURL这是IE控制台的错误Error:[IGL]Objectdoesn'tsupportpropertyormethod'createObje

javascript - Jest URL.createObjectURL 不是函数

我正在开发一个reactJs应用程序。我正在使用jest来测试我的应用程序。我想测试一个下载blob的函数。但不幸的是我收到了这个错误:URL.createObjectURLisnotafunction我的测试函数:describe('download',()=>{constdocumentIntial={content:'aaa'};it('msSaveOrOpenBlobshouldnothavebeencalledwhennavigaoisundefined',()=>{window.navigator.msSaveOrOpenBlob=null;download(documen

javascript - 如何在不等待整个文件的情况下将可读流通过管道传输到 URL.createObjectURL?

我知道使用mediaSource是可行的,但媒体源不支持所有视频格式(例如片段mp4)。这是一个问题,因为我的应用程序没有可以修复文件的服务器。它只是一个客户端应用程序。constblob=awaitipfs.getBlobFromStream(hash)consturl=URL.createObjectURL(blob)this.setState({...this.state,videoSrc:url})constgetBlobFromStream=async(hash)=>{returnnewPromise(asyncresolve=>{letentireBufferconsts=

javascript - createObjectURL 在 Chrome 中返回未定义

尝试使用createObjectDataURL更改视频源文件。它适用于Firefox,但不适用于Chrome(版本12.0.742.122m)。代码没有抛出任何错误,但为createObjectDataURL返回未定义。我尝试了所有的可能性,但它总是返回未定义的。CheckCreateObjectURLwindow.URL=window.URL||window.webkitURL;functionChangeProperty(){varv=document.getElementById("myvideo");varfile=document.getElementById("fileCo

javascript - 将八位字节流转换为图像

我需要使用$http.get获取文件。数据以application/octet-stream形式返回但我知道这个文件是一个图像。如何将此文件显示为图像?我试过了varnuroImage=newImage();nuroImage.onload=function{scope.imageSrc=this.src;}$http(req).then(funciton(response){nuroImage.src="data:application/octet-stream,"+response.data}我得到200ok但图像没有显示是否可以将八位字节流转换为jpeg/png?

javascript - JSpdf 在 Internet Explorer 中工作但在 Chrome 中不工作

您好,我有点卡在这里,尝试使用jspdf将html打印为pdf。所以首先我尝试了一些例子并且它起作用了。但是当我尝试在我的Django网站中实现相同的功能时,出现了问题。1。它与InternetExplorer一起工作,我可以下载Pdf2。但同样不适用于Chrome(为什么)。通过关注一些帖子:get_URL().createObjectURLerror我能够理解:issueiswiththeAJaxCallswhereiamchangingtheURLtosomeothervalue.还查看了:window.URL.createObjectURL(blob);isundefinedi

createObjectURL 这个 API 好用的离谱,我举几个场景你们就懂了

随着我用 URL.createObjectURL 这个API越来越多次,越发感觉真的是一个很好用的方法,列举一下我在项目中用到它的场景吧!图片预览以前我们想要预览图片,只能是上传图片到后端后,获取到url然后赋予给img标签,才能得到回显预览,但是有了URL.createObjectURL就不需要这么麻烦了,直接可以在前端就达到预览的效果~constfileInput=document.getElementById('fileInput');fileInput.addEventListener('change',(event)=>{constfile=event.target.files[0]

FileReader与URL.createObjectURL实现图片、视频上传预览

之前做图片、视频上传预览常用的方案是先把文件上传到服务器,等服务器返回文件的地址后,再把该地址字符串赋给img或video的src属性,这才实现所谓的文件预览。实际上这只是文件“上传后再预览”,这既浪费了用户的时间,也浪费了不可轻视的流量。最近上网查资料才知道其实可以很轻松地实现“上传前预览”。实现方法有两种:FileReader和URL.createObjectURL。关于FileReader的讲解可以看这里关于URL.createObjectURL方法的讲解和应用可以看这里 IE10+直接上代码:preview*{box-sizing:border-box;}.section{margin

javascript - 如何根据浏览器选择 `window.URL.createObjectURL()`和 `window.webkitURL.createObjectURL()`

从Firefox开发者网站,我知道Firefox使用objectURL=window.URL.createObjectURL(file);获取文件类型的url,但在chrome和其他webkit浏览器中,我们有window.webkitURL.createObjectURL()用于检测url。我不知道如何基于浏览器引擎交换这个功能,我需要它在两种浏览器(Chrome和firefox)上都能工作https://developer.mozilla.org/en/DOM/window.URL.createObjectURL 最佳答案 你可