createObjectURL 在 Chrome 中返回未定义答案

【问题标题】：createObjectURL is returning undefined in ChromecreateObjectURL 在 Chrome 中返回未定义
【发布时间】：2011-10-08 23:35:53
【问题描述】：

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

<!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="movie.ogg" controls ></video>
    <input type="file" id="fileControl" /> 
    <button id="btnprops" onClick="ChangeProperty()" >update</button>
</div>
</body>
</html>

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

【问题讨论】：

嘿。我遇到了同样的问题，在使用 window.URL.createObjectURL 时出现错误：“无法加载资源”，尽管我已经弄清楚了，但是，如果您在互联网，那么它就会顺利运行，没有任何麻烦
见stackoverflow.com/questions/24485077/…HTH

标签： javascript file video upload

【解决方案1】：

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

【讨论】：

我必须这样做，但编辑我的主机文件以使用不同的主机名。对我来说，Chrome 仍然不喜欢 'localhost'。

【解决方案2】：

这似乎是 Chromium 中的一个错误，尽管我不清楚该错误的状态：http://code.google.com/p/chromium/issues/detail?id=91136

在那里交叉发表我的评论：

我可以在 Windows Chrome 17.0.932.0 dev-m 上确认这个问题。确认 [错误] 的简单方法是此页面：http://html5-demos.appspot.com/static/a.download.html。它在在线使用时有效。保存到磁盘后，下载失败。

编辑：刚刚发现这个类似的错误报告（FileReader API 不适用于本地内容）：http://code.google.com/p/chromium/issues/detail?id=60889 这被标记为won't fix，原因似乎适用于此处讨论的错误。

【讨论】：

感谢您的链接！出于安全考虑，他们似乎已禁止 file: 资源的 createObjectURL，并且他们建议运行本地 HTTP 服务器或改用 Chrome 应用程序包。

【解决方案3】：

我认为你应该使用 window.webkitURL.createObjectURL() ，如 https://developer.mozilla.org/en/DOM/window.URL.createObjectURL

注意：此方法在 Chrome 和 Webkit 中的前缀为 window.webkitURL.createObjectURL().

【讨论】：

【解决方案4】：

如果你陷入困境

  video.srcObject = mediaSource;

使用上面的代码。将 srcObject 设置为您的流。

【讨论】：