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

を：あなたがする必要がどのような

<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'>