如何从reactjs中的变量将q_auto插入cloudinary url

Question

我在 cloudinary 变量中插入“q_auto”时遇到问题。我会给出一些代码。

let photoUrl = {
   url = https://res.cloudinary.com/demo/image/upload/w_600/beach_huts.jpg
}

let finalUrl = ..... some code;

我希望在变量 finalUrl 中就像有“q_auto”，当然这只是示例，但可以说我不知道​​给定服务器的 url。我该怎么做？

Answer 1

我想这就是你要找的。​​p>

let photoUrl = {
   url: 'https://res.cloudinary.com/demo/image/upload/w_600/beach_huts.jpg'
};
let insertText = 'q_auto/';
let searchText = "res.cloudinary.com/demo/image/upload/";
let position = photoUrl.url.indexOf(searchText);
let insertPosition = position + searchText.length;
var output = [photoUrl.url.slice(0, insertPosition), insertText, photoUrl.url.slice(insertPosition)].join('');

console.log(output);  // https://res.cloudinary.com/demo/image/upload/q_auto/w_600/beach_huts.jpg

Answer 2

不确定您是否正在寻找这个答案。

let photoUrl = {
   url: 'https://res.cloudinary.com/demo/image/upload/w_600/beach_huts.jpg'
}

var params = {
  param1: 'value1',
  param2: 'value2'
}

let appendedUrl = '';
for(let key in params) {
  if(appendedUrl) { 
    appendedUrl = appendedUrl + '&';
  } else {
    appendedUrl = appendedUrl + '?';   
  }
  appendedUrl = appendedUrl + key + '=' + params[key]
}

let finalUrl = photoUrl.url + appendedUrl;