簡體   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