- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想在网页中打开本地 mp4 电影并在那里播放。
没有上传到任何地方,没有其他。
我使用自己的按钮和以下解决方法,该方法适用于 Safari 7.1.3。
<label for="fileToOpen">
<button type="file" id="loadMedia" class="loadMediabutton button">Load Movie</button>
</label>
<input type="File" name="loadMedia" id="fileToOpen" style="display:none">
现在我的问题是,是否有人可以帮助继续:
<input>
检索电影的本地 URL标签?<video>
标签src
属性?最佳答案
回答您的问题(为了清楚起见,我稍微改了一下措辞):
How to retrieve the movie's local url from the file-input ?
例如,用户使用以下内容填充文件输入:c:\Users\用户名\我的文档\file.ext
在现代浏览器上(除了具有宽松安全设置的 IE,它几乎只用于受信任的私有(private) Intranet 使用)您无法获取实际的本地路径 (c:\Users\Username\My Documents\
),因为这会带来明显的隐私问题(安全问题)。
相反,您将得到C:\fakepath\
。获取文件名和扩展名 (file.ext
) 没有问题。
请看我的detailed up-to-date answer about this here .
How to pass the file's URL to the video's src attribute ?
解决没有有效 URL(在本例中使用 file:///
协议(protocol))设置视频源属性(或图像、音频等)的问题。 ),现代浏览器有 URL Store
。
可以将其视为一个小型本地私有(private)(其他人无法访问它)迷你网络服务器(包括 XMLHttpRequest 的状态代码),提供任何类型的二进制或数据服务。
这些 URL 的生存时间永远不会长于浏览器的 session (因此将它们存储在本地存储等中是无用的),或者可以在第一次使用时自动撤销(使用 createFor
)或手动使用(revokeObjectURL
)。
在这种情况下,一个简单的 URL.createObjectURL(/*file-reference*/)
将为浏览器的 URL 存储中的实际本地文件路径创建匿名 URL,然后您可以像这样使用任何其他提供的内容。
请参阅以下示例,只是帮助您入门:
window.URL = window.URL || window.webkitURL; //fallback for older prefixed objects
document.getElementById('loadMedia').onclick=function(){
document.getElementById('fileToOpen').click();
};
document.getElementById('fileToOpen').onchange=function(){
if(this.files && this.files[0]){
var vid = document.getElementById('vid');
document.getElementById('vid_name').innerHTML=this.files[0].name;
// revoke previous url
vid.getAttribute('src') && URL.revokeObjectURL(vid.getAttribute('src'));
// set new url
vid.setAttribute('src', URL.createObjectURL(this.files[0]));
vid.load();
}
};
<label for="fileToOpen">
<button type="file" id="loadMedia" class="loadMediabutton button">Load Movie</button>
</label>
<input type="File" name="loadMedia" id="fileToOpen" style="display:none">
<span id="vid_name"></span>
<br>
<video id="vid" controls="controls"></video>
How to avoid sandboxing problems ?
据我所知,您没有在这里处理沙盒文件系统(因为您没有将本地文件复制到本地沙盒文件系统进行存储),有什么问题?
URL 存储链接到的本地文件(或内存中的 BLOB)是只读的!
用户手动“共享”文件(通过在网页/应用程序上选择/填充文件输入)。从那时起,应用程序可以读取/上传/分析/任何内容到文件(但不能更改/删除/覆盖/等)。
关于javascript - HTML "File"/打开文件对话框解决方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28794941/
我想了解 Ruby 方法 methods() 是如何工作的。 我尝试使用“ruby 方法”在 Google 上搜索,但这不是我需要的。 我也看过 ruby-doc.org,但我没有找到这种方法。
Test 方法 对指定的字符串执行一个正则表达式搜索,并返回一个 Boolean 值指示是否找到匹配的模式。 object.Test(string) 参数 object 必选项。总是一个
Replace 方法 替换在正则表达式查找中找到的文本。 object.Replace(string1, string2) 参数 object 必选项。总是一个 RegExp 对象的名称。
Raise 方法 生成运行时错误 object.Raise(number, source, description, helpfile, helpcontext) 参数 object 应为
Execute 方法 对指定的字符串执行正则表达式搜索。 object.Execute(string) 参数 object 必选项。总是一个 RegExp 对象的名称。 string
Clear 方法 清除 Err 对象的所有属性设置。 object.Clear object 应为 Err 对象的名称。 说明 在错误处理后,使用 Clear 显式地清除 Err 对象。此
CopyFile 方法 将一个或多个文件从某位置复制到另一位置。 object.CopyFile source, destination[, overwrite] 参数 object 必选
Copy 方法 将指定的文件或文件夹从某位置复制到另一位置。 object.Copy destination[, overwrite] 参数 object 必选项。应为 File 或 F
Close 方法 关闭打开的 TextStream 文件。 object.Close object 应为 TextStream 对象的名称。 说明 下面例子举例说明如何使用 Close 方
BuildPath 方法 向现有路径后添加名称。 object.BuildPath(path, name) 参数 object 必选项。应为 FileSystemObject 对象的名称
GetFolder 方法 返回与指定的路径中某文件夹相应的 Folder 对象。 object.GetFolder(folderspec) 参数 object 必选项。应为 FileSy
GetFileName 方法 返回指定路径(不是指定驱动器路径部分)的最后一个文件或文件夹。 object.GetFileName(pathspec) 参数 object 必选项。应为
GetFile 方法 返回与指定路径中某文件相应的 File 对象。 object.GetFile(filespec) 参数 object 必选项。应为 FileSystemObject
GetExtensionName 方法 返回字符串,该字符串包含路径最后一个组成部分的扩展名。 object.GetExtensionName(path) 参数 object 必选项。应
GetDriveName 方法 返回包含指定路径中驱动器名的字符串。 object.GetDriveName(path) 参数 object 必选项。应为 FileSystemObjec
GetDrive 方法 返回与指定的路径中驱动器相对应的 Drive 对象。 object.GetDrive drivespec 参数 object 必选项。应为 FileSystemO
GetBaseName 方法 返回字符串,其中包含文件的基本名 (不带扩展名), 或者提供的路径说明中的文件夹。 object.GetBaseName(path) 参数 object 必
GetAbsolutePathName 方法 从提供的指定路径中返回完整且含义明确的路径。 object.GetAbsolutePathName(pathspec) 参数 object
FolderExists 方法 如果指定的文件夹存在,则返回 True;否则返回 False。 object.FolderExists(folderspec) 参数 object 必选项
FileExists 方法 如果指定的文件存在返回 True;否则返回 False。 object.FileExists(filespec) 参数 object 必选项。应为 FileS
我是一名优秀的程序员,十分优秀!