JS 把纯字符串,替换成有链接的图片形式,比如uploads1012071.jpg变成图片显示有链接的也就是HTML代码

JavaScript013

JS 把纯字符串,替换成有链接的图片形式,比如uploads1012071.jpg变成图片显示有链接的也就是HTML代码,第1张

function xx(url){

url=url.replace(/\/uploads\/101207\//,"/uploads/allimg/101207/")

var str='<li><a href="'+url+'" target="_blank"><img src='+url+' width="128" height="148" /></a></li>'

return document.write(str)

}

xx("/uploads/101207/1.jpg")

这要看你的地址固定到哪一步,/uploads/101207/ 如果这之前都是固定的,那就用我上面写的函数就行,如果还有变化,就要改正则了

我想问一下,你学过js没,函数都出来了,看不懂怎么用吗?

hugeannex 是根据字符串切割成的数组数目循环,不会只处理3个的

lxs_lingting倒是真错了,不过不会出现你那个东西,他里面根本就没加allimg这个东西

我的一次只处理一个,里面都没加循环,这都看不出来??

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script type="text/javascript">

        /**

         * 需要将图片的名称和key的中括号中的字符对应。

         * @param key{string} 需要替换的内容

         * @param value{string} 代表的表情名称

         * @param baseDir{string} 基本的图片路径

         * @param prefix{string} 后缀名称

         * @returns {string} 完整的img标签

         */

        function test(key,value,baseDir,prefix){

          if(key.indexOf('[')===0 && key.indexOf(']')===key.length-1){

              var dir =  baseDir+"/"+ (key.substring(1,key.length-1))+"."+prefix

              return "<img src ='"+dir+"' alt='"+value+"'/>"

          }

        }

        var baseDir = "./"

        var key = "[Penguins]"

        var value ="萌企鹅一家"

        var prefix ="jpg"

        var dd = test(key,value,baseDir,prefix)

        window.onload = function(){

            document.body.innerHTML = dd

        }

    </script>

</head>

<body>

</body>

</html>

<!DOCTYPE HTML>

<html>

<head>

<title>Page Title</title>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />

<script>

onload = function (){

var html = document.body.innerHTML

var reg = /(<img(?:(?!id|>).)*)(id[\=\"\'\s]+)?([^\"\'\s]*)([\"\']?)([^>]*>)/gi

var idx = 0

html = html.replace(reg, function($0, $1, $2, $3, $4, $5){

idx++

if(typeof $2 == "undefined"){

return $1 + " id='" + idx + "'" + $3 + $4 + $5

}

return $1 + $2 + idx + $4 + $5

})

document.body.innerHTML = html

}

</script>

</head>

<body>

<img src="acb.jpg" id="imgx" />

<ul>

<li><img src="sdf.png" /></li>

</ul>

 

</body>

</html>