js图片加载----图片名带百分号

有时候使用layui或者elementUI实现图片预览功能 或者页面加载图片的时候会发现个别图片无法显示

原因可能是图片名中带百分号, 图片加载的时候, 相当于在地址栏中输入了带百分号的地址, 但没有encode, 这时候会无法识别

解决方法: 拼接完整图片地址的时候, 单独对图片名encodeURIComponent()

this.fileList[i].url=this.HOST+"/"+this.pre_path+"/"+encodeURIComponent(this.fileList[i].filename);