作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
您好,我需要从纯文本 url 检测和转换 url 图片和视频
HTML
<div id="content-url">
Hello World<br>
http://www.goalterest.com/ <br>
http://www.esotech.org/wp-content/uploads/2011/12/jquery_logo.png
http://www.esotech.org/wp-content/uploads
</div>
查询
var urlRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
var photoRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|]).(?:jpg|gif|png)/ig;
var url_url= $('#content-url').html().match(urlRegex);
var url_photo= $('#content-url').html().match(photoRegex);
var convert_url='<a href="'+url_url+'">'+url_url+'</a>';
var convert_photo='<img src="'+url_photo+'" width="150" height="150" alt="Nba">';
$('#content-url').append(convert_url);
$('#content-url').append(convert_photo);
这里演示 http://jsfiddle.net/nqVJc/3/
在演示中,我得到了检测和转换为 url 和照片的方法,但问题是当存在多个 url 时,url 没有分开
最佳答案
您没有遍历匹配的元素:
$.each( url_url, function(i,value){
var convert_url='<a href="'+url_url[i]+'">'+url_url[i]+'</a>';
var convert_photo='<img src="'+url_photo[i]+'" width="150" height="150" alt="Nba">';
$('#content-url').append(convert_url,convert_photo)
});
这是 DEMO .
要删除匹配的 url,您需要在 $.each
之前添加以下行:
$('#content-url').html( $('#content-url').html().replace(urlRegex,''));
//$.each goes here
关于javascript - 如何从纯文本 URL 检测和转换 URL 图像和视频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10961291/
我是一名优秀的程序员,十分优秀!