首页 > 解决方案 > 我试图保持 document.getElementById("image").src=UserInput +".gif" 的值

问题描述

首先我想持有的价值

document.getElementById("image").src = UserInput + ".gif";

in (var filepath) 然后我想将该值转换为文件路径是真还是假

var FilePath === document.getElementById("image").src = UserInput + ".gif";

if(Filepath==true){
    #do something
}
else{  
    #print user input is wrong 
}

标签: javascripthtml

解决方案


发送 ajax 请求以检查您的服务器上是否存在文件:

var file_name = document.getElementById("image").src = UserInput + ".gif";
var url_to_file = "http://www.example.com/"+file_name;
$.ajax({
  url: url_to_file,
  type:'HEAD',
  error: function()
  {
    //file doesnt exist
  },
  success: function()
  {
    //file exists
  }
});

值得一提的是: https ://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/HEAD

ajax 请求中的设置type: 'head'不会下载文件本身。


推荐阅读