如何将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'>