简体   繁体   English

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

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

how to pass an url to img tag with headers如何将 url 传递给带有标题的 img 标签

<img src="url" /> 

I didn't try anything yet, I need some alternative solutions, work should be only javascript in front-end part我还没有尝试任何东西,我需要一些替代解决方案,工作应该只是前端部分的 javascript

If you are talking about the security headers, or any other header of the request then browser will not allow you to do that, as headers are treated as unsafe parameter.如果您正在谈论安全标头或请求的任何其他 header,那么浏览器将不允许您这样做,因为标头被视为不安全参数。 If you need to download an image from the source where validation is required through headers then your option is to send a spearate ajax request with the security headers, there must be a param that allows include current website cookies as header and most probably it will handle the auth part on the server side.如果您需要从需要通过标头进行验证的源下载图像,那么您的选择是发送带有安全标头的单独 ajax 请求,必须有一个参数允许包含当前网站 cookies 作为 Z099FB995346F339E5E39 并且很可能它将处理服务器端的 auth 部分。 But actually your purpose it not clear, just sentting link with headers to img tag sounds already wrong.但实际上你的目的并不清楚,只是将带有标题的链接发送到 img 标签听起来已经错了。 If you explain the main purpose maybe we can offer a solution.如果您解释主要目的,也许我们可以提供解决方案。

PS The same question here have been answered here, if you google 'how to pass url with headers to an img tag' you will see link to stackoverflow as a first result. 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属性 - unable to pass parameters in <img> tag src attribute 如何在图片标签的src属性内传递字符串 <img src=“”> 使用jQuery / JavaScript的? - How to pass string inside src attribute of image tag <img src=“”> using jquery/javascript? jsx中的img src属性url - img src attribute url in jsx img标记中缺少的src属性如何在浏览器中表现? - How does a missing src attribute in an img tag behave across browsers? 我如何访问&#39;src&#39;的属性 <img> 用javascript标记? - How do i access 'src' attribute of <img> tag in javascript? 如何在img标签的src属性中包含一个随机数变量 - how to include a random number variable inside the src attribute of img tag 如何修改src属性的值 <img> 使用jquery或javascript标记 - how to modify the value of src attribute of <img> tag using jquery or javascript 如何使用正则表达式获取所有 URL src<Img> JavaScript 中的标签? - How to Regular Expression to get all URL src in <Img> tag in 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<> - how to use img tag src with begin <c:url 如何克隆img src属性中的url参数值? - how to clone url parameter value inside img src attribute?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM