createObjectURL 在 Chrome 中返回未定义-前端问题

createObjectURL is returning undefined in Chrome(createObjectURL 在 Chrome 中返回未定义)

本文介绍了createObjectURL 在 Chrome 中返回未定义的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

尝试使用 createObjectDataURL 更改视频源文件.它在 Firefox 中运行良好，但在 Chrome(版本 12.0.742.122 m)中无法运行.代码不会引发任何错误，但会为 createObjectDataURL 返回未定义.我尝试了所有的可能性，但它总是返回未定义.

<!DOCTYPE html><html><头><title>检查 CreateObjectURL</title></头><脚本类型=文本/javascript"语言=javascript">窗口.URL = 窗口.URL ||窗口.webkitURL;函数更改属性(){var v = document.getElementById("myvideo");var file = document.getElementById("fileControl").files[0];v.setAttribute("src",window.URL.createObjectURL(file));}</脚本><身体><video id="myvideo" src="bW92aWUub2dn" 控件></video><输入类型="文件" id="文件控制"/><button id="btnprops" onClick="ChangeProperty()" >更新</button></div></身体></html>

请帮助我.它已经花费了很多时间.提前致谢.

解决方案

我在 Chrome 中将页面作为本地文件打开时遇到了同样的问题.我必须使用 Apache 并通过 localhost 打开它.

Trying to change video source file using createObjectDataURL. It is working fine with Firefox but not working in Chrome (version 12.0.742.122 m). code is not throwing any error but returns undefined for createObjectDataURL. I tried all the possibilities but it always returns undefined.

<!DOCTYPE html>
<html>
<head>
<title>Check CreateObjectURL</title>
</head>
<script type="text/javascript" language="javascript">

window.URL = window.URL || window.webkitURL;

function ChangeProperty()
{
        var v = document.getElementById("myvideo");
        var file = document.getElementById("fileControl").files[0];
        v.setAttribute("src",window.URL.createObjectURL(file));
}
</script>
<body>
<div >
    <video id="myvideo" src="bW92aWUub2dn" controls ></video>
    <input type="file" id="fileControl" /> 
    <button id="btnprops" onClick="ChangeProperty()" >update</button>
</div>
</body>
</html>

Please help me. It has already taken lot of time. Thanks in Advance.

解决方案

I had the same problem, when I was opening the page as a local file in Chrome. I had to use Apache and open it through localhost.

这篇关于createObjectURL 在 Chrome 中返回未定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！