如何将javascript函数的参数添加到url中?

时间:2017-01-20 03:25:44

标签: javascript

说我有一个功能:

const colors = [{color: 'blue'}, {color: 'red'}];
Promise.all(colors.map(color => Cars.find({ color }).then()))
  .then(result => {
    console.log('This is what you wanted:', result);
  });

我希望这样做,当我调用potato('/ chicken.jpg')时,它会将马铃薯中的url修改为file:/// C:/Users/Joe/chicken.jpg。怎么可以这样做?谢谢

3 个答案:

答案 0 :(得分:0)

浏览器中的Javascript无法访问文件系统。尝试运行文档根目录为C:\ User \ Joe的本地Web浏览器,然后传入url路径...类似“http://localhost/chicken.jpg

答案 1 :(得分:0)

只需使用连接运算符。所以在JavaScript中使用+。

'我/碱/ URL' + myStringVar;

' URL(文件:/// C:/用户/乔&#39 +参数+')&#39 ;;

答案 2 :(得分:0)

我想你想要这样的东西。使用param调用函数时,此代码将替换背景图像:

function potato(param){
  var $element = document.querySelector('.something'),
      url = 'file:///C:/Users/Joe/' + param;

  $element.style.backgroundImage = "url('" + url + "')";

  console.log('=>' + $element.style.backgroundImage);
}

这是jsbin =>上的实例。 https://jsbin.com/?html,console,output