有没有办法使用输入框添加图像链接,假设您上传了图像并且有输入,
Image Link: <input type="text" id="image_link"/>
用户在此框中输入 www.google.com 并且您希望将链接附加到图像中。 有没有办法做到这一点?
最佳答案
你的意思是这样的吗: http://jsfiddle.net/2QRBm/ ?
HTML:
<input/>
<button>set link</button>
<img src="http://media.heavy.com/post_assets/2010/03/0417/1267743226_stoned-party-dog-original.jpg" width="300"/>
Javascript:
$('img').wrap($('<a/>',{href:'',target:'_blank'}));
$('button').click(function(){
var val=$('input').val();
$('img').closest('a').attr('href',val.replace(/^([^(http://)].*)/,'http://$1'));
});
关于javascript - 添加图像链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7601367/