JavaScript:更改嵌入标签的 src 属性

2023-11-22

我有以下场景。

我向用户展示了来自服务器的一些音频文件。用户单击其中一个,然后最终对选定的文件夹和文件执行 onFileSelected。该函数的作用是更改嵌入对象的源。因此,在某种程度上,它是在接受所选文件并保存用户的选择之前对其进行的预览。视觉辅助工具.

HTML

<embed src="/resources/audio/_webbook_0001/embed_test.mp3" type="audio/mpeg" id="audio_file">

JavaScript

function onFileSelected(file, directory) {
   jQuery('embed#audio_file').attr('src', '/resources/audio/'+directory+'/'+file);
};

现在,这在 Firefox 中运行良好,但 Safari 和 Chrome 拒绝更改源,无论操作系统如何。

jQuery 找到该对象(jQuery.size() 返回 1),它执行代码,但 HTML 代码没有变化。

为什么 Safari 阻止我更改<embed>来源以及如何规避这个问题?


你应该删除embed元素并用新元素重新注入它src参数设置。

embed like object类似的是两个元素,由于它们的特殊用途(视频、音频、flash、activex 等),在某些浏览器中的处理方式与普通 DOM 元素不同。因此,更改 src 属性可能不会触发您期望的操作。

最好的办法就是删除现有的embed反对重新插入它。如果您使用 src 属性作为参数编写某种包装函数,这应该很容易

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript:更改嵌入标签的 src 属性 的相关文章

  • 使用 JQuery 将 SVG 动态加载到 SVGWeb 中

    我正在尝试动态显示一些 SVG 内容 此内容作为字符串存储在我的数据源中 示例字符串如下所示
  • 为什么Disabled = true对于html有效?

    我注意到我们的代码中有一个disabled ture 我是锚标签的源代码 我想知道为什么它在 IE 中有效 我也在互联网上进行了搜索 通过网络搜索 它也被用于很多源代码中 我一直在搜索if ture 拼写错误的true也可以被IE使用 有人
  • 调整大小后获取实际图像大小

    我有一个充满缩略图的页面 用 css 调整大小150x150 当我单击缩略图时 页面变暗 并且图像以其真实尺寸显示 目前 我必须手动创建一个包含所有图像的实际高度的数组 为了解决设计问题 减少画廊的手动操作 我需要在调整图像大小 CSS 后
  • 每 x 秒重复一次代码,但如果 [在此处插入检查] 则不重复

    这是后续这个问题 https stackoverflow com questions 13304471 javascript get code to run every minute 我在那里找到了如何使代码每 x 秒重复一次 是否有可能举
  • 如何使单词中的每个字母在悬停时发生变化

    假设我的网站上某个段落中有一个单词 IamGreat 我希望它在悬停时更改为 Good4you 但是 我不想更改整个单词 而是希望每个字母单独更改 因此 如果我将鼠标悬停在字母 I 上 它将变成字母 G 字母 r 将变成数字 4 等 这两个
  • 等待动态加载脚本

    在我的页面正文中 我需要插入以下代码作为 AJAX 调用的结果 p Loading jQuery p p Using jQuery p 我不能使用 load 由于文档已经加载 因此该事件不会触发 这安全吗 如果没有 我如何确保在执行自定义生
  • 在 Ace Editor 中键入空格会产生特殊字符

    我已经在我的网站中安装了 ace 编辑器 尽管当我在开发环境中测试它时 现在使用相同的代码我遇到了输入错误 特别是在按空格或删除时 当我单击空格时 会出现奇怪的字符 这是我的代码示例和我所看到的图像 function var editor
  • PHP header() 和 jquery mobile

    我想使用 php header Location newpage php 进行重定向 我没有收到错误 但 Jquery mobile 似乎无法加载目标页面 并且地址栏仍保留旧地址 请问您有什么建议吗 Thanks 尝试添加data ajax
  • jQuery 或 JavaScript 中的“$”符号是什么意思? [复制]

    这个问题在这里已经有答案了 可能的重复 JavaScript 中 符号的含义是什么 https stackoverflow com questions 1150381 what is the meaning of sign in javas
  • 使用 jQuery UI 图标

    jQuery UI 在精灵图像中提供了方便的图标 看到主题滚轮 http jqueryui com themeroller 我有一个input我想要时钟图标的元素 带有类 ui icon clock 作为背景图像 怎样才能有一个背景图标in
  • 如何在 joomla 模块中通过 javascript 发送输入文件类型

    我想将带有 javascript 的文件发送到 php 文件 我的 php 文件中有这个表单
  • 验证插件在更新面板中不起作用

    我有一个更新面板 面板内有文本框和按钮可用 现在我正在使用 jQuery Validation 插件 但是在更新面板中使用时验证插件不起作用 例如 function GetAddressTargetList var objArray new
  • 透明、无边框文本输入

    如何删除周围的边框
  • QUnit 与固定装置的奇怪行为,测试交替失败和通过

    我在 QUnit 中进行了以下设置 Dozen or so previous tests here test Test some markup generation function qunit fixture plugin jQuery
  • 将 jQuery 单击处理程序添加到多个元素?

    我需要有一个for在我的 jQuery 中循环 Example for i 0 i
  • 在窗口调整大小和窗口加载时动态调整 pixi 舞台及其内容的大小

    我正在尝试在窗口调整大小时动态调整 pixi 舞台 画布和内容 的大小 并且最初以浏览器窗口的大小加载 而不改变比例 我使用以下内容将初始大小基本上设置为window innerWidth window innerHeight 但它做了一些
  • 使用js获取选择选项的onclick事件

    我有一个非常令人沮丧的问题 我有这个代码 它过滤掉我的结果并将它们输入到选择框中 var syn
  • CSS交付优化:如何推迟CSS加载?

    我在尝试着优化 CSS 交付遵循针对开发人员的谷歌文档https developers google com speed docs insights OptimizeCSSDelivery example https developers
  • HTML标题属性样式[重复]

    这个问题在这里已经有答案了 如何在不使用 javascript 或 CSS 的情况下更改以下标记中标题属性的样式 因为我将 HTML 插入到原本无法编辑的文档中的特定位置 span title This is information Thi
  • 查看元素的所有 dom 事件

    我有一个 jQuery UI 日期选择器 当您单击日期时 它会清除我的 URL 哈希值 并且不会更改文本框中的日期 我假设某个地方还有其他一些 JavaScript 实用程序 它也正在调用某种委托事件 抛出错误并终止 jquery 处理程序

随机推荐

  • 为什么 lambda 表达式没有被“interned”?

    字符串是引用类型 但它们是不可变的 这使他们能够interned由编译器 只要出现相同的字符串文字 就可能引用相同的对象 委托也是不可变的引用类型 使用以下方法向多播委托添加方法 运算符构成任务 这不是可变性 并且 就像字符串一样 有一种
  • 在 C# 中使用内存映射文件时是否可以避免数据副本?

    我对内存映射文件在 C 中如何工作的理解是 每个数据请求都会产生一个副本 例如 如果您有一个作为文件持久保存的大型数据结构 则使用内存映射文件会导致将实际文件的内存映射到 RAM 中 并在从文件中读取后将其副本驻留在 GC 堆中 我假设这是
  • Spark SubQuery 扫描整个分区

    我有一个按 日期 字段分区的配置单元表 我想编写一个查询来从最新 最大 分区获取数据 spark sql select field from table where date of 2019 06 23 explain True vs sp
  • 从字符串 JavaScript 中提取数字

    有谁知道在 JavaScript 中从字符串中提取数字的方法吗 Example 1 banana 1 pineapple 3 oranges 我的目的是将结果保存在数组 JSON 或其他内容中 Result 1 1 3 var result
  • #define TRUE !FALSE 与 #define TRUE 1

    撇开自 c99 年以来的事实不谈stdbool h在定义宏来处理布尔类型时已经存在C以下有什么区别吗 define FALSE 0 define TRUE 1 Option 1 define TRUE FALSE Option 2 从这里的
  • JPA 使用父级合并但创建子级时如何获取生成的 id/对象?

    我有一个先前已被保留并具有 OneToMany与另一个实体的关系 为了添加新实体 我只需在托管对象中添加新实体并使用cascadeType ALL坚持改变 有没有一种方法可以获取新创建的对象的 id 或获取与合并一起使用的原始 非托管 对象
  • Spark SQL无法完成大量分片的Parquet数据写入

    我正在尝试使用 Apache Spark SQL 将 S3 中的 json 日志数据 etl 到 S3 上的 Parquet 文件中 我的代码基本上是 import org apache spark val sqlContext sql S
  • 机器学习奇/偶预测不起作用(50% 成功)

    我对机器学习非常陌生 我尝试创建一个模型来预测数字是否为偶数 我用了这个代码https machinelearningmastery com tutorial first neural network python keras 我根据自己的
  • 计算 MySQL 中每一行的 Z 分数? (简单的)

    我正在寻找一种有效的方法来为 MySQL 表中的每一行分配 Z 分数 也称为标准分数 Z Z Score X Actual value Mean value Standard Deviation I tried SELECT pTime M
  • 如何在 Entity Framework 6 DbContext.Database.BeginTransaction 中配置事务超时?

    使用类似的代码 using var tran Ctxt Database BeginTransaction 如何设置事务超时值 如果出于某种原因您需要自己管理交易 那么使用起来会更容易交易范围 它有几个构造函数接受TimeSpan参数来设置
  • Distinct() 方法是否保持序列的原始顺序不变?

    我想从列表中删除重复项 而不更改列表中唯一元素的顺序 Jon Skeet 和其他人建议使用以下内容 list list Distinct ToList 参考 如何从 List 中删除重复项 从 C 中的 List 中删除重复项 是否保证唯一
  • 使用 scipy curve_fit 通过两个数据点拟合指数函数

    我想拟合一个指数函数y x pw有一个常数pw拟合两个数据点 这scipy curve fit功能应该优化adj1 and adj2 我已尝试使用下面的代码 但无法使其工作 曲线不穿过数据点 我该如何修复它 import numpy as
  • 向后读取文件?

    有没有一种方法可以逐行向后读取文件 而不必从头开始向后读取文件 Use a 内存映射文件并向后走 操作系统将以相反的顺序对文件的所需部分进行分页
  • 使 Django 的 login_required 成为默认值的最佳方法

    我正在开发一个大型 Django 应用程序 其中绝大多数需要登录才能访问 这意味着我们在整个应用程序中都洒满了 login required def view 很好 而且效果很好只要我们记得在各处添加它 可悲的是 有时我们会忘记 而且失败往
  • WCF 服务通过 https 返回 404,但不通过 h​​ttp 返回 404

    我正在将现有服务从 HTTP 开发 UAT 迁移到 HTTPS 生产 但在配置方面遇到了问题 这是我的 web config 的 system serviceModel 部分
  • Java 中的 + 运算符对于数字和字符串的行为有何不同?

    Java没有运算符重载的概念 运算符的行为类似于数字的加法运算符和字符串的连接运算符 这类似于运算符重载行为 那么 Java有运算符重载吗 它基本上是运算符重载 只是内置于语言中 Java 没有运算符重载的概念 是正确的 因为开发商不能重载
  • 时间戳末尾带有 .0

    我正在尝试在 AnnotatedTimeLine Google Chart 及其要求中放入一些时间戳 采用日期时间格式 当我重新格式化 为时间戳格式 从班级收到的字符串时 它会给出以下内容 2013 06 28 10 08 35 0 我想要
  • 通过 sys.modules 使虚拟包可用

    假设我有一个包 mylibrary 我想让 mylibrary config 可供导入 无论是作为动态创建的模块 还是从完全不同的位置导入的模块 然后基本上 安装 在 mylibrary 命名空间内 即 我这样做 import sys ty
  • 给定一个边界框和一条线(两个点),确定该线是否与该框相交

    给定一个边界框 其定义如下bounds min x y z bounds max x y z 以及 3D 空间中的两个点 表示为Vector3对象 如何确定两点所形成的线是否与边界框相交 这里有一个在线 C 实现 线盒交点 http www
  • JavaScript:更改嵌入标签的 src 属性

    我有以下场景 我向用户展示了来自服务器的一些音频文件 用户单击其中一个 然后最终对选定的文件夹和文件执行 onFileSelected 该函数的作用是更改嵌入对象的源 因此 在某种程度上 它是在接受所选文件并保存用户的选择之前对其进行的预览