Question

在下面的代码片段中，从我的jQuery设置中，我需要检查图像文件是否确实存在，如果没有，我想替换默认图像。目前，如果该文件不存在，我只是得到一个损坏的图像占位符...

$('#myTheme').change
(
    function() 
    {
    var myImage = $('#myTheme :selected').text();
    $('.selectedImage img').attr('src','../wp-content/themes/myTheme/styles/'+myImage+'/screenshot.jpg');
    //if screenshot.jpg does not exist, use "../../default.jpg" instead
    }
);

Answer 1

听起来您需要访问HTTP响应标头。这是我在互联网上找到的一段代码。

来源：http://www.vfstech.com/?cat=1

$(document).ready(function() {
   var ajaxSubmitOptions = {
      // the normal success callback is not used
      // success: function (responseText) {
      //      ...
      // } ,
      complete: function (xhrObj, status) {   
         if(status == "error") { // 500 server error?
            alert("There was an error processing this request.");
         } else {
            if (xhrObj.getResponseHeader("X-My-Custom-Header") != "") {            
               alert("Intercepted special HTTP header...");
               alert(xhrObj.getResponseHeader("X-My-Custom-Header"));
            }
            else {
               // call the function you normally would have used in the "success" callback:
               this._success(xhrObj.responseText);
            }                  
         }
      } ,
      _success: function (responseText) {
         alert("Normal success callback...");
         alert(responseText);
      }
   };

   $('#myForm').ajaxForm(ajaxSubmitOptions);
})

Answer 2

由于浏览器中的Javascript根本不处理文件，因此无法测试文件是否存在。您可以附加一个error event侦听器，如果无法加载图像，则应该触发该侦听器。请注意，您应该在设置src属性之前执行此操作，以确保及时捕获事件。

Answer 3

在这里，我想分享一个有用的链接来满足这个要求。

http://phpjs.org/functions/file_exists/

这是一个javascript函数，它将url作为参数，如果file存在则返回true。

jQuery相当于PHP的file_exists（）？

3 个答案: