繁体   English   中英

如何将带有标题的 url 传递给 img 标签(src 属性)

[英]how to pass url with headers to an img tag (src attribute)

如何将 url 传递给带有标题的 img 标签

<img src="url" /> 

我还没有尝试任何东西,我需要一些替代解决方案,工作应该只是前端部分的 javascript

如果您正在谈论安全标头或请求的任何其他 header,那么浏览器将不允许您这样做,因为标头被视为不安全参数。 如果您需要从需要通过标头进行验证的源下载图像,那么您的选择是发送带有安全标头的单独 ajax 请求,必须有一个参数允许包含当前网站 cookies 作为 Z099FB995346F339E5E39 并且很可能它将处理服务器端的 auth 部分。 但实际上你的目的并不清楚,只是将带有标题的链接发送到 img 标签听起来已经错了。 如果您解释主要目的,也许我们可以提供解决方案。

PS 这里已经回答了同样的问题,如果你用谷歌搜索“如何将带有标题的 url 传递给 img 标签”,你将首先看到指向 stackoverflow 的链接。

如何在开始时使用 img 标签 src <c:url< div><div id="text_translate"><p> 如何在 javascript 源中动态使用带有 src begin '&lt;'c:url'&gt;' 的 img 标签</p><p>在 html 源中它运行良好,但在 javascript 源中我不知道如何在字符串中使用 img 标签</p><p> [html]</p><p> &lt;div&gt; &lt;img src="&lt;c:url value="${contextRoot}/TMP/test1.jpg"/&gt;"&gt; &lt;/div&gt;</p><p> 这个 img 标签效果很好,</p><p> [javascript]</p><p> var str = "";</p><p> 1) str += "&lt;img src="&lt;c:url value="${contextRoot}/TMP/test1.jpg" /&gt;"&gt;"</p><p> 2) str += "&lt;img src='&lt;c:url value='${contextRoot}/TMP/test1.jpg" /&gt;"&gt;"</p><p> 3) str += "&lt;img src='&lt;c:url value='${contextRoot}/TMP/test1.jpg' /&gt;'&gt;"</p><p> $('#temp').html(str)</p><p> 这些 1),2),3) 来源调用错误</p><p>如何修复此来源效果很好</p><p> [javascript函数]</p><p> function fnImageListCallback(json){ var code = json.data.code;</p><pre> if(code == "S") { var list = json.data.list; var listCnt = list.length; var str = ""; var str1 = ""; if(listCnt &gt; 0){ str +="&lt;tr&gt;"; str +="&lt;th scope='row' style='background:#F2F2F2;text-align:center;'&gt;파일이름&lt;/th&gt;"; str +="&lt;th scope='row' style='background:#F2F2F2;text-align:center;'&gt;사진보기&lt;/th&gt;"; str +="&lt;th scope='row' style='background:#F2F2F2;text-align:center;'&gt;삭제&lt;/th&gt;"; str +="&lt;/tr&gt;"; for(var i=0; i &lt; listCnt; i++){ str +="&lt;tr&gt;"; str +="&lt;th scope='row' style='text-align:center;'&gt;"+list[i].photo_nm+"&lt;/th&gt;"; str +="&lt;th scope='row' style='text-align:center;'&gt;&lt;input type='button' value='사진보기'&gt;&lt;/th&gt;"; str +="&lt;th scope='row' style='text-align:center;'&gt;&lt;input type='button' value='삭제'&gt;&lt;/th&gt;"; str +="&lt;/tr&gt;"; str +="&lt;tr&gt;"; str +="&lt;th colspan='3'&gt;&lt;img src='&lt;c:url value='${contextRoot}/asset/"+list[i].photo_nm+" &gt;&lt;/th&gt;"; str +="&lt;/tr&gt;"; } $("#imageList").html(str); } } else { alert("failed"); }</pre><p> } `</p><p> [Thum Choon Tat 方式]</p><p> Chrome 开发者模式显示</p><p><a href="https://i.stack.imgur.com/2cA16.png" rel="nofollow noreferrer">在此处输入图像描述</a></p></div></c:url<>

[英]how to use img tag src with begin <c:url

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 无法传递参数 <img> 标签src属性 如何在图片标签的src属性内传递字符串 <img src=“”> 使用jQuery / JavaScript的? jsx中的img src属性url img标记中缺少的src属性如何在浏览器中表现? 我如何访问&#39;src&#39;的属性 <img> 用javascript标记? 如何在img标签的src属性中包含一个随机数变量 如何修改src属性的值 <img> 使用jquery或javascript标记 如何使用正则表达式获取所有 URL src<Img> JavaScript 中的标签? 如何在开始时使用 img 标签 src <c:url< div><div id="text_translate"><p> 如何在 javascript 源中动态使用带有 src begin '&lt;'c:url'&gt;' 的 img 标签</p><p>在 html 源中它运行良好,但在 javascript 源中我不知道如何在字符串中使用 img 标签</p><p> [html]</p><p> &lt;div&gt; &lt;img src="&lt;c:url value="${contextRoot}/TMP/test1.jpg"/&gt;"&gt; &lt;/div&gt;</p><p> 这个 img 标签效果很好,</p><p> [javascript]</p><p> var str = "";</p><p> 1) str += "&lt;img src="&lt;c:url value="${contextRoot}/TMP/test1.jpg" /&gt;"&gt;"</p><p> 2) str += "&lt;img src='&lt;c:url value='${contextRoot}/TMP/test1.jpg" /&gt;"&gt;"</p><p> 3) str += "&lt;img src='&lt;c:url value='${contextRoot}/TMP/test1.jpg' /&gt;'&gt;"</p><p> $('#temp').html(str)</p><p> 这些 1),2),3) 来源调用错误</p><p>如何修复此来源效果很好</p><p> [javascript函数]</p><p> function fnImageListCallback(json){ var code = json.data.code;</p><pre> if(code == "S") { var list = json.data.list; var listCnt = list.length; var str = ""; var str1 = ""; if(listCnt &gt; 0){ str +="&lt;tr&gt;"; str +="&lt;th scope='row' style='background:#F2F2F2;text-align:center;'&gt;파일이름&lt;/th&gt;"; str +="&lt;th scope='row' style='background:#F2F2F2;text-align:center;'&gt;사진보기&lt;/th&gt;"; str +="&lt;th scope='row' style='background:#F2F2F2;text-align:center;'&gt;삭제&lt;/th&gt;"; str +="&lt;/tr&gt;"; for(var i=0; i &lt; listCnt; i++){ str +="&lt;tr&gt;"; str +="&lt;th scope='row' style='text-align:center;'&gt;"+list[i].photo_nm+"&lt;/th&gt;"; str +="&lt;th scope='row' style='text-align:center;'&gt;&lt;input type='button' value='사진보기'&gt;&lt;/th&gt;"; str +="&lt;th scope='row' style='text-align:center;'&gt;&lt;input type='button' value='삭제'&gt;&lt;/th&gt;"; str +="&lt;/tr&gt;"; str +="&lt;tr&gt;"; str +="&lt;th colspan='3'&gt;&lt;img src='&lt;c:url value='${contextRoot}/asset/"+list[i].photo_nm+" &gt;&lt;/th&gt;"; str +="&lt;/tr&gt;"; } $("#imageList").html(str); } } else { alert("failed"); }</pre><p> } `</p><p> [Thum Choon Tat 方式]</p><p> Chrome 开发者模式显示</p><p><a href="https://i.stack.imgur.com/2cA16.png" rel="nofollow noreferrer">在此处输入图像描述</a></p></div></c:url<> 如何克隆img src属性中的url参数值?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM