2017-11-27 8 views
0

"q_auto"を濁点変数に挿入する際に問題があります。私はいくつかのコードを与えるでしょう。reactjsの変数から濁点urlにq_autoを挿入するには

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

let finalUrl = ..... some code; 

私は一例ですが、私はそれを行うことができ、私は私のserver.How与えられたURLを知らないということだけ言うことができますもちろん、「q_auto」を持っているよう変数finalUrlであることをしたいですか?

+0

finalUr = '$ {photoUrl.url}?q_auto = somevalue'とします。すべてのクエリ変数を知っていればシンプルになれます。 – Panther

+0

ありがとう、私はURLがこのようになることを望みます。 https://res.cloudinary.com/demo/image/upload/q_auto/w_600/beach_huts.jpg。どうやってやるの ? – Kirito

答えて

0

私はこれがあなたが探しているものだと思います。

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 
+0

お返事ありがとうございます。結果は、https://res.cloudinary.com/demo/image/uploaq_autod/w_600/beach_huts.jpgのようになります。 – Kirito

+0

実行したばかりのコードを送信できますか? 文字列にスペルミスマッチがあると思います。投稿した答えは、文字列が一致しないposition = -1の場合にのみ発生します。 – Arpit

+0

クロムコンソールに投稿したコードを試して、出力を確認することができます。 – Arpit

0

この回答をお探しの場合は不明です。

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; 
+0

お返事ありがとうございます、私はこのようなURLが欲しいです。 https://res.cloudinary.com/demo/image/upload/q_auto/w_600/beach_huts.jpg。 "q_auto"は "/upload/"の後になります。どうすればいいですか? – Kirito

関連する問題