获取后台富文本框内容，截取图片

Posted 2020-10-14 党欣彤

1、split()  分割字符串，转化成数组

（1）分割数据中有某段字符串的数据 ，转化成数组

//拿取富文本框中的图片
var div=data[0].text.split("/agriculture/uploads/");
//定义一个变量存放字符串数据
var divstr="";
//循环div的长度
for(var k=0;k<div.length;k++){
    if(k==0){ //第一个k是字符串，文本内容
        divstr+=div[k];
    }else{  //图片
        divstr+=urllogo+div[k];
    }
}
$(‘#text‘).html(divstr);

（2）分割由逗号隔开的字符串

//获取后台多个由字符串拼接的图片；
if(data[0].image != "") {
    var arr = data[0].image.split(","); //分割由逗号隔开的字符串，转化成数组
    $("#uploadImg").html("");  //清空标签内容
    var str = "";
    for (var i = 0; i < arr.length; i++) {  //循环数组的长度，动态创建img标签
         str += "<img alt=‘‘ class=‘exsectionImg‘  src=‘" + urllogo + arr[i] + "‘>";
    }
    $("#uploadImg").html(str);  //将放入标签中
}

（3）分割等号左右内容

//拿取存储在localStorage中由等号拼接的数据；
$("#history").html("");
var str = "";
for ( var i in localStorage ){ //将本地存储转换成数组，并拼接等号，逗号；
    str += i + "=" + localStorage[i]+","; 
}
var arr = str.split(",");  //分割逗号，转成数组
arr.reverse();   //将数组反转
var oHistory = "";
var arrLength = arr.slice(0,6);  //截取前6个数组
for(var j=0; j<arrLength.length ; j++) {  
     var obj=arrLength[j].split("=")[1];  //拿取等号后面的字符
     if(obj!=""&&obj!=undefined){
        oHistory+=‘<a onclick="historyGoPage(this.firstChild.innerText)">‘
                  +‘<li>‘+obj+‘</li>‘
                  +‘</a>‘;
     }
}
$("#history").append(oHistory);

2、replace()  替换某段字符串

//将字符串的某些字符替换，并转化成数值型
var number = $(".objup").next(‘span‘).text();
number=number.replace(/\(/,""); //去除前括号
number=number.replace(/\)/,""); //去除后括号
number = parseInt(number); //字符串转化成数字
$(".objup").next(‘span‘).text("");  //清空标签内容
var number2 = number+1;  //数量加1
$(".objup").next(‘span‘).text("("+number2+")");  //把值放入标签中