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

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"，当然这只是示例，但可以说我不知道给定 server.How 的 url 我可以吗做吗？

Answer 1

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

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;

Answer 2

我想这就是你要找的。

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

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

How to insert the q_auto in cloudinary url from variable in reactjs

cloudinary

reactjs