如何检查文件是否存在并回显它?

时间:2018-04-08 16:29:36

标签: jquery html

该功能目前仅在输入地址且按下按钮时才有效。

我想删除按钮并删除输入,当我加载页面时,它将从var获取地址并检查+ echo结果

请问怎么做?

http://jsfiddle.net/3uua075z/
<input type="text" id="name">
<button type="submit" id="button" value="Submit">Check</button>
<input type="text" id="answer">
// the new var that i want, Instead of the input
var url = "http://website.com/1.mp4";


function checkIfRemoteFileExists(){
    var answerBox = document.getElementById('answer');
    $.ajax({
        url:document.getElementById('name').value,
        error: function()
        {
            answerBox.value = "0";
        },
        success: function()
        {
            answerBox.value = "1";
        }
    });
}
document.getElementById("button").addEventListener("click", checkIfRemoteFileExists);

1 个答案:

答案 0 :(得分:0)

将JavaScript放在加载jQuery的script标记旁边的script标记中,并将document.getElementById("name").value替换为存储在变量中的网址。像这样:

$(document).ready(function () {
  var checkUrl = "http://website.com/file.txt";


  function checkIfRemoteFileExists() {
    var answerBox = document.getElementById('answer');
    $.ajax({
      url: checkUrl,
      error: function () {
        answerBox.value = "0";
      },
      success: function () {
        answerBox.value = "1";
      }
    });
  }

  // invoke the method right away
  checkIfRemoteFileExists();
});

此外,如果您只是想检查服务器上是否存在文件并且不关心内容/正文,您可能想要发出HEAD请求而不是GET。这种方式有点快。