解决html-jquery/js引用外部图片时遇到看不了或出现403的问题

HTML页面中使用jQuery或JavaScript引用外部图片时可能会出现无法加载图片或403错误的问题，这可能是由于以下原因所导致的：

1. 图片路径不正确
2. 图片链接被防盗链所限制

以下是解决此类问题的攻略：

1. 确认图片路径是否正确
   要使用外部图片，必须确定图片的路径是正确的。完整的图片路径应包括图片名称和扩展名，如“http://www.example.com/images/pic.jpg”。如果图片路径存在问题，则无法正确加载图片。

示例1：通过 JavaScript 引用外部图片

$("body").append("<img src='http://www.example.com/images/pic.jpg'/>");

1. 避免被防盗链所限制
   一些网站为了保护自己的图片资源不被外部盗用，会限制只能从自己的网站访问图片。当其他网站通过引用图片链接时尝试获取图片时，很可能会得到403错误。解决此问题的方法之一是在请求图片时添加引用来源，使得图片服务器可以确定图片请求来自被允许的网站。

示例2：通过 jQuery 引用外部图片并避免被防盗链所限制

$.ajax({
  url: "http://www.example.com/images/pic.jpg",
  headers: {
    "Referer": "http://www.example2.com"
  },
  success: function (data) {
    $("body").append("<img src='http://www.example.com/images/pic.jpg'/>");
  }
});

在上面的示例中，我们通过添加 “Referer” 请求头来避免被防盗链所限制。

总而言之，要解决html-jquery/js引用外部图片时遇到看不了或出现403的问题，我们应该确认图片路径是否正确，避免被防盗链所限制。