js图片解析工具类

最新推荐文章于 2023-01-31 23:36:48 发布

Y12nre

最新推荐文章于 2023-01-31 23:36:48 发布

阅读量1.3k

点赞数 1

分类专栏： JavaScript 文章标签： JS

本文链接：https://blog.csdn.net/y12nre/article/details/77678715

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在开发的过程中作为后端开发人员的我们有时候总是免不了被当成半个前端人员使用，所以我就总结了一下js图片解析的工具类

代码

function getImgViewByURL(urlstr) {
  if (urlstr) {
    let url = [];
    try {
      url = JSON.parse(urlstr);
    } catch (e) {
      console.log('图片解析异常:',e);
      return null;
    }
    const dd = url.map((item, index) =>
         <img width="90px" height="90px" onClick={() =>window.open(item)}  style={{  border: '1px solid #ccc',cursor: 'pointer', marginRight: '3px'}} src={item} key={index} />);
    return dd;
  }
  return null;
}

注意：

传入的urlStr一定要是json数组，如果不是json串，可以使用JSON.stringify(urlStr)转换一下。
如果传入的不是json数组，而是一个字符串，那么可以使用js的new Array(urlStr)方法变成数组，然后采用JSON.stringify(urlStr)方法改变一下。