src 相关问题

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

使用代码编辑器在 HTML 上显示链接图像,但上传然后运行后该图像未显示在 GitHub 上。为什么?

在 html 上正确链接我的图像后,我使用代码编辑器运行。它显示在本地主机上,但上传到 GitHub 上。运行后图像不再显示。为什么? 我尝试输入...

回答 1 投票 0

Png 图像未显示在react.js 中使用的网站中

在react.js 内的xml 代码的img src 行中导入PNG 图像时,该图像未显示在网站中。 我用了 在react.js 中的 xml div 内,我期望该图像将显示在我的网站中。我的位置也是正确的,但我没有得到结果,并且在网站上显示加载图像错误。 您是否尝试在 require 末尾删除 .default ? .默认 } alt='加载图片时出错'/>

回答 1 投票 0

MAUI Blazor C# 图像未显示问题

我只是显示我的本地网络电脑电影。在这种情况下,我已将电影封面名称插入为 moviename_cover.jpg,但它没有显示在输出中。我的下面的代码有什么问题......

回答 1 投票 0

blob URL 作为音频源

从输入中获取音频文件后,我使用“URL.createObjectURL”将其设置为 url。 URL 看起来像“blob:http://127.0.0.1:8080/52090eca-64a0-4262-aeda-34f9c62257b1”。但是,如果我输入这个网址...

回答 2 投票 0

点击事件调用js文件,然后将内容加载到div中

我希望能够单击 Orange 文本来调用 Orange.js 文件,然后将 .js 文件加载到 myTableResult div 中。我希望 .js 文件的名称位于

回答 1 投票 0

无法在 next.js 中渲染图像,例如“with-firebase-hosting-and-typescript”

我使用 Firebase 托管和 TypeScript 设置了 next.js 项目。 我安装了 Material-UI。 然后,我尝试渲染我的图像。 根据下面的例子。 https://nextjs.org/docs/basic-fea...

回答 2 投票 0

单击时从文件加载 src javascript

当我单击链接时,我尝试将 .js 文件加载到位于桌面文件夹中的 div 中。我将有 100 个 js 文件。我确实有 <question vote="0"> <p>当我单击链接时,我尝试将 .js 文件加载到位于桌面上文件夹中的 div 中。我将有 100 个 js 文件。我确实有 <pre><code>&lt;script type=&#34;text/javascript&#34; src=&#34;Apple.js&#34;&gt;&lt;/script&gt;</code></pre> 在那里,但是如果我将所有这些都放在 html 文件中,页面将开始加载缓慢,其中会有 100 个。有没有办法让页面快速加载,然后当我单击链接时检索单个 js 文件?当页面加载时,我将有另一个 js 文件来检索所有链接。我可以以某种方式将这个 <pre><code>&lt;script type=&#34;text/javascript&#34; src=&#34;Apple.js&#34;&gt;&lt;/script&gt;</code></pre> 放入 <pre><code>&lt;a onclick=&#34;GetApple();&#34;/&gt;Apple&lt;/a&gt;</code></pre> 中,这样当单击时它就知道什么文件以及在哪里检索它?</p> <pre><code>&lt;html lang=&#34;en&#34;&gt; &lt;head&gt; &lt;title&gt;TITLE HERE&lt;/title&gt; &lt;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;style.css&#34;&gt; &lt;meta name=&#34;viewport&#34;&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&#34;LinksList&#34;&gt; &lt;a onclick=&#34;GetApple();&#34;/&gt;Apple&lt;/a&gt; &lt;/div&gt; &lt;div id=&#34;ScriptList&#34;&gt; &lt;/div&gt; &lt;/body&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;GetLinks.js&#34;&gt;&lt;/script&gt; ``` &lt;script type=&#34;text/javascript&#34; src=&#34;Apple.js&#34;&gt;&lt;/script&gt; &lt;script&gt; window.onload = function() { GetLinksList() } &lt;/script&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>您可能需要将 <pre><code>&lt;script&gt;</code></pre> 标签添加到具有 <pre><code>src</code></pre> 作为文件的 <pre><code>url</code></pre> 的页面。请注意,这是异步操作。这是一个带有漂亮包装的示例。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>// from https://stackoverflow.com/a/69616316/3807365 function addScript(src) { return new Promise((resolve, reject) =&gt; { const s = document.createElement(&#39;script&#39;); s.setAttribute(&#39;src&#39;, src); s.addEventListener(&#39;load&#39;, resolve); s.addEventListener(&#39;error&#39;, reject); document.body.appendChild(s); }); } document.querySelector(&#34;.my-button&#34;).addEventListener(&#39;click&#39;, async function(ev) { await addScript(ev.target.getAttribute(&#34;data-src&#34;)) console.log(&#34;jquery loaded!&#34;, $) $(ev.target).css(&#34;background&#34;, &#34;red&#34;) })</code></pre> <pre><code>click to &lt;button class=&#34;my-button&#34; data-src=&#34;https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js&#34;&gt;load jquery&lt;/button&gt;</code></pre> </div> </div> <p></p> </answer> </body></html>

回答 0 投票 0

加载内部有多个src脚本的src javascript

我试图在加载包含多个src文件的页面时加载外部js文件并将它们加载到div中。这是我的代码,ScriptList.js 外部文件包含类似 t...

回答 1 投票 0

Python:[Errno 22] 参数无效

我写了这段代码 回溯(最近一次调用最后一次): 文件“C:\Users\Abdellah HASNY\OneDrive\Documents xercices python\module_date_2.py”,第 22 行,位于 Shutil.copy2(切...

回答 2 投票 0

Reactjs/Nodejs/Mongodb:Blob url 在 img src 中不起作用

当我尝试在前端显示图像时出现此错误 在我的 meern stack 项目中,我允许用户上传多个图像并使用 blob 创建上传图像的 URL。

回答 1 投票 0

使用 php 变量作为 HTML 图像中的 src 属性

我正在编写一个购物车页面,检查购物车中是否有东西,然后,如果条件为真,它会与带有产品图片、数量、价格和专业人士姓名的 div 相呼应...

回答 1 投票 0

是否可以使用eclipse在src文件夹中创建一个新的父文件夹?

我已经设置了项目和文件夹结构。我目前正在添加这个,它变得有点复杂。我想将文件夹移动到 src 文件夹中,当前如下所示: 是...

回答 1 投票 0

创建Java项目时看不到.idea和src文件夹

我知道如何在 IntelliJ IDEA 中创建一个新的 Java 项目,并且我之前做过很多次。但是有一天,当我启动我的应用程序并尝试创建一个新的 Java 项目时,我无法看到......

回答 2 投票 0

React JS canvas getImageData 从本地图像显示 404 未找到错误

我想从项目文件内这些小 png 图像中的所有像素获取 alpha 通道数据。但目前,我只是做一个 console.log 看看我是否可以执行...

回答 1 投票 0

如何将 IonImg 元素的图像数据设置为“Buffer”类型变量的内容?

我正在使用 Ionic 7 和 React 18。我定义了这种类型 接口卡{ ... frontImg:缓冲区; frontImgAltText:字符串; ... } 在我的组件中,如何设置 IonImg el 的图像...

回答 1 投票 0

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

© www.soinside.com 2019 - 2024. All rights reserved.