动态更改背景url / image src时出错

error to change dynamically background url / image src

本文关键字：image src 出错 url 背景 动态      更新时间：2023-09-26

我正在动态地改变background:url('image-file') or img's src，它正在做我所期望的，但当文件名称之间有空间时，我遇到了一个问题，例如file name.gif (Not loading) or file-name.gif (load successfully) 

  var file-src = ../context/image file.jpg  /*not changing */
              /* ../context/image-file.jpg : changes   */
 if(this.is('img')){   /* 'this' is selecter */
    this.attr('src', file_src);
    }else{
    this.css('background','url('+ file_src +')');
    }

到目前为止，我不是很确定为什么这些文件不加载，我只是尽我最大的努力找出原因，但我想知道是否有其他原因

你应该用引号括住文件名。你的代码应该改成:

var file-src = '../context/image file.jpg';
this.css('background',"url('"+ file_src + "')");

url中不能有空格。空格应该用%20表示。您可以使用encodeURI函数对特殊字符进行正确编码。

你的javascript也不正确的字符串必须引号，但我假设这只是一个快捷方式，你采取张贴。

相关文章：