javascript - 添加图像链接

标签 javascript jquery

有没有办法使用输入框添加图像链接,假设您上传了图像并且有输入,

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/

相关文章:

jquery - 如何使用 jQuery UI 进度条显示图像加载完成

javascript - 向 tbody 元素添加 ID 的正确 HTML 语法是什么?

javascript - 访问 ng-repeat 的项目范围

c# - 清除文本框焦点事件的部分 View 中的表格数据

jquery - 如何使用 jQuery 展开文本?

javascript - angularjs fullcalendar eventclick范围

javascript - C# 中的 Cloudant DB 查询批量读取

javascript - 在 JavaScript 中将表导出为 file.txt

javascript - ReactJS 侧菜单功能

php - 保存帖子元并重复使用它们