src 相关问题

SRC是HTML中的常用属性,用于标识与元素相关的资源的位置。

Vuejs 组件图像源与 props 连接

我想显示一个图标,其名称文件是从 Vuejs 3 中的父组件收到的 props 给出的。 图标名称通过获取信息的方法来自数据库。 这是我的脚本的一部分......

回答 1 投票 0

XWiki livetable EvalError:对 eval() 的调用被 CSP 阻止

有人了解 XWiki 和 livetables 吗?我总是收到一个错误调用“Uncaught EvalError:调用 eval() 被 CSP 阻止”,它引用了 livetable.js。我知道如何...

回答 1 投票 0

IFrame 不适用于本地源? HTML

IFrame 是否适用于本地目录?我正在尝试将 Excel 嵌入到 HTML 中,但没有显示任何内容。我已经尝试了很多方法来放入我的本地目录,但它仍然是一样的。 <p>IFrame 是否适用于本地目录?我正在尝试将 Excel 嵌入到 HTML 中,但没有显示任何内容。我尝试了很多方法放入本地目录,但还是一样。</p> <pre><code>&lt;iframe src=&#34;file://C:\Documents and Settings\username\Desktop\hi.xls&#34; width=&#34;98&#34; height=&#34;120&#34; frameborder=&#34;0&#34; scrolling=&#34;no&#34;&gt;&lt;/iframe&gt; </code></pre> <p>最终结果是一个空盒子。 </p> </question> <answer tick="true" vote="3"> <p>本地文件无法添加I帧<pre><code>src</code></pre> 出于安全原因,所有现代浏览器都会使用 <pre><code>iframes</code></pre> 中的文件协议阻止显示“本地”文件。</p> <p>检查您的浏览器控制台... 如果您收到这样的消息,则意味着您的浏览器阻止将本地资源加载到 <pre><code>Iframe</code></pre></p> <p><strong>不允许加载本地资源</strong></p> <p><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0hCRGpxLnBuZw==" alt="enter image description here"/></p> </answer> <answer tick="false" vote="0"> <p>您可以使用符号链接,只要它不在映射网络中即可</p> </answer> </body></html>

回答 0 投票 0

托管网络时图像不会加载,但使用互联网来源时会加载 gif

当来源是本地存储时没问题,但当来源来自互联网时则不然。 当涉及 gif 时,此 img 有效。 当来源是本地存储时没问题,但当来源来自互联网时则不行。 此图片在涉及 gif 时有效。 src="https://static.wikia.nocookie.net/f4a65498-5cd1-434f-8981-dd95d972fe6e/scale-to-width/755" alt="布鲁克在见到杜瓦尔后嘲笑山治"/> 但涉及图片时无法加载。 src="https://static.wikia.nocookie.net/onepiece/images/6/6d/Monkey_D._Luffy_Anime_Post_Timeskip_Infobox.png/revision/latest/scale-to-width-down/239?cb=20200429191518/400 " alt="时空跳跃后路飞的出现" /> 当我在 Chrome 上本地打开 html 时,图片会加载,但在 VS Code 上预览和托管到网络时不会加载。 如果您在外部网站上托管的图像遇到持续性问题,并且您可以选择这样做,那么下载图像并将其托管在本地服务器上或项目中可能是一个很好的解决方案。具体方法如下: 下载图片: 访问托管图像的网站。 右键单击您要使用的图像。 选择“将图像另存为...”或类似选项将图像下载到您的计算机。 将图像存储在本地: 将下载的图像放入项目文件夹结构中的目录中。如果需要,创建一个新目录,例如“images”或“assets”。 更新 HTML 代码: 更新标签的 src 属性,使其指向您下载的图像的本地路径。例如: <img width="300" height="500" src="images/your-downloaded-image.png" alt="Image Description">

回答 1 投票 0

Vue 找不到模块图像位置

我的项目遇到问题,找不到我的 png 图像的路径。我知道路径是正确的,因为如果我使用基本的硬编码 src="../assets/die1.png",它就可以正常工作。亲...

回答 5 投票 0

ModuleNotFoundError:Jyputer 笔记本中没有名为“src”的模块

我的 GitHub 存储库(我克隆的)中有以下结构: 源代码 __init__.py |-- 数据操作 |-- __init__.py |-- 处理.py 预处理.py 自述文件.md ws-notebook.i...

回答 1 投票 0

react+typescript+vite中无法获取图片数据

我有一个vite+react+typescript项目 使用地图渲染项目列表时 string类型数据没有任何问题 但我对本地的 img 源有问题 显示错误: 键入...

回答 1 投票 0

HTML 显示损坏的图像

我有以下 html 代码,当我在浏览器中拉出它时,图像要么不显示,要么显示损坏的图像: 我有以下 html 代码,当我在浏览器中将其拉出时,图像要么不显示,要么显示损坏的图像: <!DOCTYPE html> <html> <head> <title>Lets Play Battleship</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1> Battleship <p><img src="battleship-game-board.jpg" width = "120" height = "90"/></p> </h1> <p><a href="http://www.freeonlinegames.com/game/battleships"> Click Here to Play Battleship</a></p> </body> </html> 要使图像正常工作,您可以使用: 绝对路径: <img src="http://www.domain.com/MyImages/battleship-game-board.jpg"/> 或 相对路径: <img src="../MyImages/battleship-game-board.jpg"/> 如果图像存在于同一文件夹中,并且 html 文件存在,那么您可以使用: <img src="battleship-game-board.jpg" width = "120" height = "90"/> 更多详情这里 注意:在所有情况下,图像都必须存在于给定路径中。 这是由于以下原因。 1>战舰-game-board.jpg 不在同一文件的同一目录下。 2>battleship-game-board.jpg 不包含有效权限。如果您使用的是 Linux,则必须对 Battleship-game-board.jpg 图像指定 755 权限。 你可以使用 chmod 755 战舰游戏板.jpg <img src="battleship-game-board.jpg" width = "120" height = "90"/>. src=""中的内容应该是路径,而不是图片的标题。这意味着您应该输入battleship-game-board.jpg的路径,而不是图像名称。 迁移网站后,我一直在寻找同样的问题,几天来图像没有显示,有数千张图像,我知道这些图像存在。如果我尝试直接连接到图像,则会收到 403 错误消息。我在另一个论坛上发现了一篇关于热链接保护的帖子。我更改了该网站的域,并且为图像文件(.jpg、.gif、.png)启用了热链接。我正在通过 cPanel 在共享服务器上工作,当我检查允许的推荐人列表时 在cPanel中,新域不在列表中。没有明显的方法可以将域添加到列表中,但我发现如果禁用保护然后重新启用它,新域将出现在列表中。完成后,所有图像都会显示。

回答 4 投票 0

Wordpress 的一些 img src 被替换为 `data:image/svg+xml...`

我在我的网站主题之一中创建了一个自定义页面模板。 一些 img src 正确渲染,但有些被替换为 data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/200...

回答 3 投票 0

css文件下载到本地,但路径格式错误(新手问题)

我下载了google的css文件来使用他可爱的图标 我想把它们全部下载到本地,这样就可以在没有网络的情况下使用,但是路径格式可能不对 原点的路径...

回答 0 投票 0

如何使用 PHP 从 WordPress 大小的图像获取全尺寸图像 url

看到类似的问题后,从wordpress帖子中获取所有图像并获取附加到任何帖子的所有图像 我想出了两个代码。问题是使用 wp_get_attachment_image_u...

回答 1 投票 0

如何更改使用 v-for 显示的图像列表中图像的 src?

我正在开发一个MVC(V5.2.7.0)、vue项目(我是一个vue新手)。其中一个页面显示产品图像列表。当点击图像芯片时,它会改变相应的大图像。我不...

回答 0 投票 0

如何修复未加载的 .js 脚本(违反 default-src 'self')?

我目前在尝试设置我的 CSP 策略以允许受限服务器上的功能时遇到问题。 我最初有 3 个问题,后来修复了其中两个。 具体是...

回答 0 投票 0

来自 png 文件的 IMG 源根据从 API 接收到的字符串进行插值更改

我正在创建一个 bulbapedia 克隆作为一个副项目。 我正在尝试让结果页面显示口袋妖怪输入的按钮。因此,我将每个按钮类型保存为 assets/

回答 2 投票 0

使用内联脚本,如何使我的外部 .js 文件与我的 HTML 文件一起正常工作?

我目前正在使用 ipfs 和 Pinata 等固定服务的网站上工作。 我的最后一个构建在本地或通过公共网关交付时完美无缺。 当试图固定我的最后一个 b...

回答 2 投票 0

Bootstrap video Modal 不会自动播放,即使退出也会继续播放

我有一个出现的引导模式,我希望它在弹出窗口出现后自动播放。现在你必须点击播放按钮才能播放。另外,当我关闭模态时,视频继续......

回答 1 投票 0

HTML文件找不到Js,或者..?

我刚刚开始探索 javascript。我写了一个简单的代码来尝试一下,但它不会运行。当我将代码直接放在我的 HTML 文件中时,它工作正常。但是当链接到它时,没有...

回答 0 投票 0

NUXT3 VUE3:如何将本地 img src 路径传递给 nuxt 项目中的 vue 组件

我正在将存储在 ~/assets/img 文件夹中的本地图像的 url 传递给 Vue3 组件,但我无法以任何方式呈现它们。 这行得通 我正在将存储在~/assets/img文件夹中的本地图像的url传递给Vue3组件,但我无法以任何方式呈现它们。 这个作品 <img src="~/assets/img/tds_logo.png" /> 但这行不通 <img :src="require(`~/assets/img/` + fileName)" /> 最后一个文字 fileName 是我传递给 Vue 组件以呈现 img 的东西,我已经检查过它等于 tds_logo.png 在我的例子中。 相反,我收到此错误: [nitro] [dev] [unhandledRejection] Error: Cannot find module '~/assets/img/tds_logo.png' 有人知道我做错了什么吗? 按照这个https://nuxtjs.org/docs/directory-structure/assets/我不需要配置任何东西,对吧? Vite 没有像 webpack 那样内置require,只有导入。 在 Nuxt3 / Vue3 中 为组件写一个方法如下: props: ['imagename'], methods: { getImageUrl(imagename) { const imageUrl = new URL(`/assets/img/${imagename}`, import.meta.url).href return imageUrl; } } 然后在模板中使用这个方法: <img :src="getImageUrl(imagename)" />

回答 1 投票 0

插件:vite:导入分析无法从 src 文件夹解析导入“store/hooks”

在 cypress12.3 中尝试运行 cypress 组件测试时,在运行器上出现此错误。 [plugin:vite:import-analysis] 无法从“sr”解析导入“store/hooks”

回答 0 投票 0

在输入标签上使用此脚本,但它会在输入字母后稍微删除输入的文本

函数格式电话号码(值){ 如果(!值)返回值; const phoneNumber = value.replace(/[^\d]/g, ''); const phoneNumberLength = phoneNumber.length; 如果(

回答 2 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.