麻烦高手帮忙写一个图片输出js-CSDN论坛

⋅哪个大神要以帮忙写一个，ASP一键刷新发布时间的代码 ⋅麻烦高手帮忙写一个图片输出js ⋅JS双击事件如何改成单击的，谢谢大神 更多帖子 关注空间博客 固始找房网 本版专家分：0 结帖率 100%: 1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg
这种带逗号链接的分割图，麻烦大神帮忙写个js代码。分别调用每一个图片。输出表单名是 bus

0 2018-10-28 20:50:00

回复数 14 只看楼主引用举报楼主

固始找房网 本版专家分：0: 来个大神帮忙，谢谢

1 2018-10-28 20:57:46

只看TA 引用举报 #1 得分 0

⋅数据库表设计在行数与列数之间选择 ⋅阿里云双十二服务器２折优惠。。。 ⋅有要买阿里云服务器的么，双11组团薅羊毛了。 更多帖子 关注空间博客 囧 本版专家分：35426 银牌 2019年4月总版技术专家分月排行榜第二 红花 2019年4月 Web 开发大版内专家分月排行榜第一 黄花 2018年11月 Web 开发大版内专家分月排行榜第二 蓝花 2019年3月 Web 开发大版内专家分月排行榜第三



"1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg".split(',').forEach(img => console.log(img));

1 2018-10-28 21:41:55

只看TA 引用举报 #2 得分 0

⋅哪个大神要以帮忙写一个，ASP一键刷新发布时间的代码 ⋅麻烦高手帮忙写一个图片输出js ⋅JS双击事件如何改成单击的，谢谢大神 更多帖子 关注空间博客 固始找房网 本版专家分：0

引用 2 楼囧的回复:



"1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg".split(',').forEach(img => console.log(img));

可以写个调用的js吗

0 2018-10-28 22:29:57

只看TA 引用举报 #3 得分 0

⋅【微信小程序】在wxml转换成html之后，将html内容插入到已经转化为html的wxml标签 更多帖子 关注空间博客 My_stupidity_... 本版专家分：100



<script>

let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";

let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");

let resultArray = str.match(regex);

</script>

resultArray 里面的每一项就是一个图片的名称通过循环可以放到你想要放的地方

0 2018-10-29 00:23:08

只看TA 引用举报 #4 得分 0

⋅哪个大神要以帮忙写一个，ASP一键刷新发布时间的代码 ⋅麻烦高手帮忙写一个图片输出js ⋅JS双击事件如何改成单击的，谢谢大神 更多帖子 关注空间博客 固始找房网 本版专家分：0: 我这样设置了打开是空白的啊

0 2018-10-29 09:55:32

只看TA 引用举报 #5 得分 0

⋅【微信小程序】在wxml转换成html之后，将html内容插入到已经转化为html的wxml标签 更多帖子 关注空间博客 My_stupidity_... 本版专家分：100: resultArray是一个数组，每一项代表着一个名称老哥你得循环获取每一项每一项就是一个名称然后你想干嘛就干嘛了

0 2018-10-29 11:20:23

只看TA 引用举报 #6 得分 0

⋅【微信小程序】在wxml转换成html之后，将html内容插入到已经转化为html的wxml标签 更多帖子 关注空间博客 My_stupidity_... 本版专家分：100: <script>
        let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";
        let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");
        let resultArray = str.match(regex);
        for (let i = 0; i < resultArray.length; i++) {
            console.log(resultArray[i]);
        }
    </script>

0 2018-10-29 11:22:16

只看TA 引用举报 #7    得分 0

⋅机会难得，下次再有就应该好好休息一段时间再说 ⋅vue 组件传值问题，望大神解惑 ⋅没有工作经验就找不到工作，找不到工作哪来的工作经验 更多帖子 关注空间博客 風灬雲 本版专家分：2810 黄花 2018年10月 Web 开发大版内专家分月排行榜第二 蓝花 2018年11月 Web 开发大版内专家分月排行榜第三

引用 5 楼 qq_28581243 的回复:

我这样设置了打开是空白的啊

他这只是给你实现数据处理，还有DOM操作部分



<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>title</title>

  </head>

  <body>

    <div id="app"></div>



  </body>



<script>

let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";

let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");

let resultArray = str.match(regex);

let App=document.querySelector("#app")

resultArray.forEach(e=>{

let Img=document.createElement("img");

          Img.src=e;

          App.appendChild(Img)

});

</script>

</html>

0 2018-10-29 13:54:33

只看TA 引用举报 #8 得分 0

⋅【虫二】20190517~0913 上证指数基，再玩一把

⋅激动人心，继乔丹之后，又出现了一位篮球之神

⋅【虫二】老夫掐指一算，马上天朝就会有一群只背得起MK CK的高端孙子要开始悼念“老佛爷”了

更多帖子

关注空间博客

低调是种无声的高调

本版专家分：523

版主

优秀版主 2016年8月优秀小版主
2014年11月论坛优秀版主

红花 2018年4月扩充话题大版内专家分月排行榜第一
2017年7月扩充话题大版内专家分月排行榜第一
2017年6月扩充话题大版内专家分月排行榜第一
2017年5月扩充话题大版内专家分月排行榜第一
2017年3月扩充话题大版内专家分月排行榜第一
2017年1月扩充话题大版内专家分月排行榜第一
2016年12月扩充话题大版内专家分月排行榜第一
2016年11月扩充话题大版内专家分月排行榜第一
2016年10月扩充话题大版内专家分月排行榜第一
2014年2月扩充话题大版内专家分月排行榜第一
2014年1月扩充话题大版内专家分月排行榜第一

黄花 2018年6月扩充话题大版内专家分月排行榜第二
2018年2月扩充话题大版内专家分月排行榜第二
2017年9月扩充话题大版内专家分月排行榜第二
2017年2月扩充话题大版内专家分月排行榜第二

蓝花 2018年5月扩充话题大版内专家分月排行榜第三
2018年1月扩充话题大版内专家分月排行榜第三
2017年12月扩充话题大版内专家分月排行榜第三
2017年11月扩充话题大版内专家分月排行榜第三
2017年10月扩充话题大版内专家分月排行榜第三
2017年8月扩充话题大版内专家分月排行榜第三
2016年9月扩充话题大版内专家分月排行榜第三
2016年8月扩充话题大版内专家分月排行榜第三: 引用 5 楼 qq_28581243 的回复:

我这样设置了打开是空白的啊

这段代码你得到的是一个Array，你得到后要针对其中每一个元素进行操作

0 2018-10-29 16:34:37

只看TA 引用举报 #9 得分 0

固始找房网 本版专家分：0: 调用出来的时候能不能加个<li><img src=></li>
就是图片用li分开

0 2018-10-29 16:57:45

只看TA 引用举报 #10 得分 0

⋅哪个大神要以帮忙写一个，ASP一键刷新发布时间的代码 ⋅麻烦高手帮忙写一个图片输出js ⋅JS双击事件如何改成单击的，谢谢大神 更多帖子 关注空间博客 固始找房网 本版专家分：0

引用 8 楼風灬雲的回复:

Quote: 引用 5 楼 qq_28581243 的回复:

我这样设置了打开是空白的啊

他这只是给你实现数据处理，还有DOM操作部分



<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>title</title>

  </head>

  <body>

    <div id="app"></div>



  </body>



<script>

let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";

let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");

let resultArray = str.match(regex);

let App=document.querySelector("#app")

resultArray.forEach(e=>{

let Img=document.createElement("img");

          Img.src=e;

          App.appendChild(Img)

});

</script>

</html>

大神，能不能加上一个带li调用的

0 2018-10-29 21:31:45

只看TA 引用举报 #11 得分 0

⋅【微信小程序】在wxml转换成html之后，将html内容插入到已经转化为html的wxml标签 更多帖子 关注空间博客 My_stupidity_... 本版专家分：100



<ul id="bus"></ul>



    <script>

        let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";

        let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");

        let bus = document.getElementById("bus");

        let resultArray = str.match(regex);

        for (let i = 0; i < resultArray.length; i++) {

            let url = resultArray[i];

            let li = document.createElement("li");

            li.innerHTML = "<img src='" + url + "'>";

            bus.appendChild(li);

        }

        

    </script>

ul li 不太会用你自己看着改下吧 img的路径应该也得要你自己打

0 2018-10-29 22:24:39

只看TA 引用举报 #12 得分 0

⋅【微信小程序】在wxml转换成html之后，将html内容插入到已经转化为html的wxml标签 更多帖子 关注空间博客 My_stupidity_... 本版专家分：100



<ul id="bus"></ul>

    <script>

        let str = "1.jpg,2.jpg,3.jpg,4.jpg,5.jpg,6.jpg";//固定声明

        let regex = new RegExp("[^,]+[\.](jpg|png|gif)", "ig");

        let resultArray = str.match(regex);//获取到处理结果的数组

        let bus = document.getElementById("bus");//找到需要输出的表单元素 也可以通过document.createElement创建一个然后添加到body中

        for (let i = 0; i < resultArray.length; i++) {//循环

            let url = resultArray[i];//获取到的图片名称

            let li = document.createElement("li");//创建li元素

            li.innerHTML = "<img src='X" + url + "'>";//填充li元素 X是你图片文件夹的相对或者绝对路径 自己填写

            bus.appendChild(li);//将生成的li元素添加到目标元素中

        }//ul li样式自己调整

    </script>

2 2018-10-29 23:25:11

只看TA 引用举报 #13 得分 0

My_stupidity_... 本版专家分：100: 注释自动换行了....你自己看看吧

1 2018-10-29 23:25:44

只看TA 引用举报 #14 得分 100

麻烦高手帮忙写一个图片输出js [问题点数：100分，结帖人qq_28581243]