如何將img src轉換爲輸入值？

Question

我在我的html項目中有一個img標籤，我想將其轉換爲輸入標籤或只是獲取我的img的src屬性，並將其值設置爲我的輸入，以便我可以將它與表單發送到服務器。你有什麼想法？

Answer 1

試試這個：

var src = $('img').attr('src') 
 

 
$('input').val(src)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<img src="my src"> 
 
<input>

Answer 2

，如果im糾正你有這樣的標籤：

<img src="pathofimage" id="my-img" /> 

你需要做的是讓SRC把標記。你可以在jQuery的不喜歡：

var imgSrc = $('#my-img').attr('src'); 
console.log(imgSrc); // this should log the image path. 

現在，你可以用它來添加到您的

<input type="text" name="" id="my-input"> 
$("#my-input").val(imgSrc); 

但是，爲什麼要那樣做？爲什麼不使用字段上傳圖片？

Answer 3

下面的代碼片段抓取圖像源並將其傳遞給選定的輸入。

document.getElementById('setter').addEventListener('click', function(){ 
 

 
    var imgsrc = document.getElementById('image-source').src; 
 
    document.getElementById('image-will-be-here').value = imgsrc; 
 
    return 0; 
 

 
})

<img src="http://www.flooringvillage.co.uk/ekmps/shops/flooringvillage/images/request-a-sample--547-p.jpg" width='50' height='100' id="image-source"> 
 

 

 
<input type="text" id="image-will-be-here" value='nothing yet'> 
 

 
<input type="button" value='Click me' id='setter'>