Question

首先，我要保留

的值

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

在（可变文件路径）中，那么我想将该值转换为文件路径为true或false

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

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

Answer 1

发送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'不会下载文件本身。

Answer 2

您可以使用图像的load和error事件来检测图像是否可以成功加载。

var image = document.getElementById("image");
image.addEventListener("load", function() {
    # do something
});
image.addEventListener("error", function() {
    # print user input is wrong
});
image.src = UserInput + ".gif";

我正在尝试保存document.getElementById（“ image”）。src = UserInput +“。gif”的值

2 个答案: