使用jquery使用外部网站的URL更改图像的高度和宽度

Question

i have url in my image source like this i get this value in array for eg. img[0].so is it possible to change it with php or jquery

http://feedtest.tecontent.com/image.php/cover.jpg?image=/covers/cover.jpg&width=400&height=571&quality=90

i want change its height and width using JQuery when they load is it possible using jquery

Answer 1

如果远程站点接受新宽度并根据需要显示图像，则可以执行以下操作

img[0] = preg_replace( array('/width=[0-9][0-9][0-9]/i', '/height=[0-9][0-9][0-9]/i'), array('width=200','height=200'), $content);

Answer 2

Step-1: We can write a simple function to be used freequently:

function replaceUrlParam(url, paramName, paramValue){
    if(paramValue == null)
        paramValue = '';
    var pattern = new RegExp('\\b('+paramName+'=).*?(&|$)')
    if(url.search(pattern)>=0){
        return url.replace(pattern,'$1' + paramValue + '$2');
    }
    return url + (url.indexOf('?')>0 ? '&' : '?') + paramName + '=' + paramValue
}

Step-2: then calling the function whenever we need like below:

//considering the below URL:
var myUrl = 'http://feedtest.tecontent.com/image.php/cover.jpg?image=/covers/cover.jpg&width=400&height=571&quality=90';

replaceUrlParam(myUrl,'width',999999); //adjust width as per our need;
replaceUrlParam(myUrl,'height',88888); //adjust height as per our need;